2010-11-08 7 views
14

Ich habe untersucht, warum WYSIWYG-Editoren schlecht für die Erstellung von Inhalten sind. Der häufigste Grund ist, dass sie falsches HTML ausgeben. Was aber, wenn ich Redakteure mit reduzierter Funktionalität verwende?Abgesenkt CKEditor Vs Markdown

Meine Anforderungen sind nur die Möglichkeit zu kursieren, Text fett zu machen, geordnete/ungeordnete Listen zu erstellen und (vielleicht zu einem späteren Zeitpunkt) Inline-Bilder hinzuzufügen.
Meine Benutzer wird hoffentlich ‚persistent‘ Benutzer (eine kleine Anzahl von Laien mit der App häufig) sein

in diesem Zusammenhang, wie kann ich zwischen Markdown (WMD-Editor) & eine abgespeckte WYSIWYG-Editor zur Verfügung. Wie würde die Seitenleistung von jedem beeinflusst? Ich betrachte die Genauigkeit & Reproduzierbarkeit der Daten als wichtig.

Antwort

17

Sie wählen, indem Sie Ihre Zielgruppe berücksichtigen. Wiki Markup und Markdown ist für Geeks. Ihre Kunden hören sich an, als wären sie keine Geeks, also würde ich CKEditor oder Twiki-style-Editor (gute, einfache Wysiwyg-Benutzeroberfläche) für Nicht-Geek-Benutzer vorschlagen.

Grundlegende Bedenken: Warum zwingen Laien dazu, eine Auszeichnungssprache zu lernen, wenn feste Alternativen existieren?

Siehe Benutzerdefinierte Symbolleiste Editor in this CKEditor demo. Oder sehen Sie sich TinyMCE an.

+2

Dank gelöst. Ihre Antwort ist beruhigend. Den ganzen Tag habe ich gelesen, warum Markdown/Textile besser sind als WYSIWYG. Ich hatte etwas Angst. –

+0

Ja, Leute neigen dazu, weit zu der einen oder anderen Seite zu gehen, wenn sie online bloggen und anderweitig diskutieren, es ist die menschliche Natur. Z.B. Ihre Frage. Die pragmatische Antwort liegt normalerweise irgendwo in der Mitte. (Ups, fast immer gesagt.) Auf jeden Fall gibt es nichts beruhigenderes (oder entsetzlicheres), als ein Stück Software für eine Testfahrt mitzunehmen. –

7

OK, habe ich beide getestet. Auch für meine grundlegenden Formatierungen, erzeugen CKEditor ziemlich grässlich html

Nun ist diese der Eingang

This actually appears to be better 
I hope users understand what we are doing 
Lets see 

But in the meantime 

CKEditor Ausgabe

<p> This actually appears to be better</p> 
<p> I hope users understand what we are doing</p> 
<p> Lets see</p> 
<p> &nbsp;</p> 
<p> But in the meantime</p> 

und Markdown Ausgabe

<p>This actually appears to be better <br> 
I hope users understand what we are doing <br> 
Lets see</p> 

<p>But in the meantime</p> 

Jetzt ist, wenn das ist der Unterschied zwischen diesen beiden für die grundlegendsten Formatierung (Zeilenumbrüche und Absätze), wie wird es in einer 200-Wort-Einreichung sein. Ich denke, dass die meisten Nutzer wissen müssen, um nur dieser

For line breaks, two SPACES and hit ENTER. 
For new paragraphs, hit ENTER twice 

Der Rest des Materials schrittweise erlernt werden könnte
Ist es so schwer, ein ‚einfaches‘ WYSIWYG-Editor zu konstruieren?

EDIT

Nachdem diese config.js obige Problem Zugabe wird

config.enterMode = CKEDITOR.ENTER_BR; 
config.shiftEnterMode = CKEDITOR.ENTER_P; 
+3

Ihre Benutzer kümmern sich nicht um den internen Code (solange sie normale Benutzer sind), so dass es ihnen egal ist, ob eine Eingabe ein P oder BR erzeugt, sie wollen nur, dass der Editor so gut wie möglich als MS-Word funktioniert .Wenn Sie der Meinung sind, dass Ihre Benutzer Markdown oder eine andere Syntax lernen werden, sollten Sie in jedem anderen Fall daran denken, p {margin: 0} in Ihrem Stylesheet zu setzen und einen WYSIWYG-Editor mit den gewünschten Funktionen zu verwenden. – AlfonsoML

+1

Der CKEditor ist in hohem Maße konfigurierbar; Ich konnte es auf meine Anforderungen abstimmen. Markdown ist einfach - aber selbst ich konnte nicht herausfinden, wie man Listen erstellt, also unterliege ich Laien nicht. Danke –

+6

+1 aber ... lol. Du denkst, dass CKEditor grässliches HTML produziert? Versuchen Sie, eine Seite in M ​​$ Word zu erstellen und anschließend in HTML zu exportieren. Achtung: Möglicherweise benötigen Sie eine Bleischürze und Nuke-Blast Shades! Sie haben nicht hässlich gesehen, bis Sie das gesehen haben! –