Editor de navegador WYSIWYG que genera * buen * HTML?

Question

Estoy buscando un "chupar menos" WYSIWYG en -browser X? Editor de HTML que genera buen código HTML.

(sin <font>, <foo style="...">, <p></p><span></span><p><span>&nbsp;</span><span><span>blah</span></<span></p> y así sucesivamente - <b> y <i> etc está bien).

Debe ser fácil de usar, ya que va a ser utilizado por personas que no saben qué es HTML.

¿Alguna sugerencia?

¡Puntos adicionales para copiar y pegar de la preparación de palabras! :-)

(me encontré con un montón de editores, pero todos ellos creo que <font> y anidada <span> porquería que rompe diseño del sitio y se hincha un sitio con una tabla de hasta 100 KB.)

Answer 1

Sólo recientemente se buscó una editor para crear documentación sólida, cuya salida es adecuada para Subversion diffs: https://superuser.com/questions/126621/wysiwyg-editor-for-structured-text-suitable-for-svn-versioning

El editor que se sugirió - "KompoZer" - resultó ser fantástico, especialmente porque genera HTML muy limpio (en mi opinión). Y digo eso, aunque originalmente había preferido algo más simple que el HTML.

P.S. Leyendo su pregunta nuevamente, no estoy seguro, ¿qué quiere decir con un "editor de navegador"? ¿Está buscando un editor que pueda integrarse en una página HTML? KompoZer se basa en un navegador, pero probablemente no se puede integrar en una página HTML.

Answer 2

Recientemente cambié uno de mis proyectos a rebaja para evitar este problema exacto. Todavía hay una pequeña curva de aprendizaje para los usuarios, pero no tuve que lidiar con los problemas habituales que ocurren cuando copian/pegan contenido de Word y se preguntan por qué explotó.

Habiendo dicho eso, prefiero CKEditor sobre TinyMCE y los controles Telerik. En general, he encontrado que genera HTML algo más limpio.

Answer 3

¿Qué hay de WYMEditor?

WYMeditor ha sido creado para generar un código XHTML estricto perfectamente estructurado, para cumplir con las especificaciones W3C XHTML y para facilitar su posterior procesamiento por las aplicaciones modernas.

Con WYMeditor, el código no puede contaminarse con información visual como estilos de fuente y pesos, bordes, colores, ... El usuario final define el significado del contenido, que determinará su aspecto mediante el uso de hojas de estilo. El resultado es un mantenimiento fácil y rápido de la información.

lo he usado un poco y mientras se toma un poco de ajuste si tiene necesidades muy específicas, que hace el trabajo fuera de la caja para la edición XHTML simple. Si configura archivos CSS especialmente anotados, detectará los estilos que desea que usen los usuarios y bloqueará los elementos de nivel a los que se aplican. También puede indicarle cómo mostrar estos estilos en el editor (que puede ser diferente de cómo desea que se muestren en el XHTML resultante).

Por supuesto, genera XHTML, no HTML, por lo que es posible que no satisfaga exactamente sus necesidades.

Answer 4

Puede usar Markdown with the WMD UI, es el usado por Stack Overflow. Siempre produce código HTML válido.

Answer 5

Spaw2. Aunque está un poco abandonado ahora.

Answer 6

Hay varios editores WYSIWG para incrustar en su sitio web.

WYMeditor (http://www.wymeditor.org/) se ve muy bien y parece ser una buena opción para apuntar a resultados XHTML limpios y válidos.

Answer 7

La clase Apple Cacao NSTextView exporta html bastante agradable, donde todo el violín se realiza mediante la especificación de una hoja de estilo en el encabezado. El editor de Apple TextEdit usa esto.

Answer 8

Descargue la versión actual de CKEditor y mire la muestra de salida XHTML. Muestra cómo usar WYSIWYG completo pero no genera fuente o estilos. Solo necesita ajustar la configuración a sus necesidades.

Answer 9

http://tinymce.moxiecode.com/ - fácil de usar, puede importar Word y restringir el formato a estilos CSS predefinidos, para proporcionar resultados uniformes.

Answer 10

Wikipedia tiene una categoría para ellos:

http://en.wikipedia.org/wiki/Category:JavaScript-based_HTML_editors