2010-11-08 11 views
14

He estado investigando por qué los editores WYSIWYG son malos para la creación de contenido. La razón más común es que producen un html incorrecto. Pero, ¿qué sucede si uso editores con funcionalidad reducida?Stripped Down CKEditor Vs Markdown

Mis requisitos son solo la capacidad de poner en cursiva, hacer texto en negrita, crear listas ordenadas/desordenadas y (tal vez en una fecha posterior) agregar imágenes en línea.
Mis usuarios se espera que sea usuarios 'persistentes' (un pequeño número de laicos que utilizan la aplicación con frecuencia)

En este contexto, ¿cómo elegir entre Markdown (editor de armas de destrucción masiva) & una simplificada editor WYSIWYG. ¿Cómo se vería afectado el rendimiento de la página con cada uno? Considero que la fidelidad & reproducibilidad de los datos es importante.

Respuesta

17

Usted elige teniendo en cuenta a su audiencia. El marcado y el descuento de Wiki son para geeks. Sus clientes suenan como si no fueran geeks, así que sugiero CKEditor o Twiki-style editor (buena, simple Wysiwyg UI) para usuarios no geek.

Preocupación básica: ¿Por qué obligar a los legos a aprender un lenguaje de marcado cuando existen alternativas sólidas?

Consulte el editor de la barra de herramientas personalizada en this CKEditor demo. O echa un vistazo a TinyMCE.

+2

Gracias. Tu respuesta es tranquilizadora Todo el día he estado leyendo por qué Markdown/Textile son mejores que WYSIWYG. Estado un poco asustado –

+0

Sí, las personas tienden a ir muy lejos a un lado o al otro cuando hacen un blog y discuten en línea, es la naturaleza humana. P.ej. tu pregunta. La respuesta pragmática generalmente se encuentra en algún lugar en el medio. (Vaya, casi siempre lo digo.) En cualquier caso, no hay nada más tranquilizador (u horrible) que tomar un software para una prueba de manejo. –

7

Bien, probé ambos. Incluso para mis necesidades básicas de formato, CKEditor HTML generado bastante espantosa

Ahora bien, esta es la entrada

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

But in the meantime 

CKEditor salida

<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> 

Y Markdown salida

<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> 

Ahora bien, si esta es la diferencia entre estos dos para el más básico formateo (saltos de línea y párrafos), ¿cómo será en una presentación de 200 palabras? Creo que la mayoría de los usuarios necesitarán saber sólo esto

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

El resto de las cosas que se podía aprender de forma incremental
¿Es tan difícil diseñar un editor de 'básico' WYSIWYG?

EDITAR

Después de añadir estos a config.js anterior problema se resuelve

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

A sus usuarios no les importa el código interno (siempre que sean usuarios normales), por lo que no les importa si una entrada genera una P o BR, solo quieren que el editor funcione tanto como MS-Word. .Si cree que sus usuarios estarán encantados de seguir adelante con Markdown u otra sintaxis, pero en cualquier otro caso, piense en configurar p {margin: 0} en su hoja de estilo y utilizando un editor WYSIWYG con las características que desee. – AlfonsoML

+1

El CKEditor es altamente configurable; Pude sintonizarlo según mis requisitos. Markdown es simple, pero incluso yo no fui capaz de descifrar cómo crear listas, por lo que no estaré sometiendo a los usuarios no profesionales. Gracias –

+6

+1 pero ... jajaja. ¿Crees que CKEditor produce un espantoso HTML? Intenta crear una página en M $ Word y luego exportarla a HTML. Advertencia: ¡es posible que necesites un delantal de plomo y sombras de explosiones nucleares! ¡No has visto feo hasta que lo hayas visto! –