ventajas que desventajas descargar html editor wysiwyg

desventajas - Editor de navegador WYSIWYG que genera*bueno*HTML?



wysiwyg web builder (11)

Estoy buscando un editor de HTML WYSIWYG "chupar menos" en el navegador X que genere un buen código HTML.

(no <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 lo utilizarán personas que no saben qué es HTML.

¿Alguna sugerencia?

¡Puntos extra para la preparación para copiar y pegar de la palabra! :-)

(Encontré una gran cantidad de editores, pero todos ellos crean esa tópula <strong y <span> anidada que rompe el diseño del sitio e infla un sitio con una tabla de hasta 100kB).


¿Qué pasa con WYMEditor ?

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

Con WYMeditor, el código no puede contaminarse con información visual como estilos y pesos de fuente, 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, si bien tiene un poco de ajustes si tiene necesidades muy específicas, funciona de manera sencilla para la edición simple de XHTML. 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 decirle 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 puede no satisfacer sus necesidades exactas.


Descargue la versión actual de CKEditor y vea la muestra de salida de XHTML. Muestra cómo usar WYSIWYG completo, pero no genera fuentes ni estilos. Solo necesitas ajustar la configuración a tus necesidades.


Esta publicación tiene más de 8 años pero sigue siendo relevante ...

Encontré una página de github impresionante con una lista curada de editores WYSIWYG, incluidos algunos WYSIWYM que garantizan un html sano. A partir de 2018, el WYSIWYM más actual y mejor se parece a ProseMirror , o quizás al Editor ORY si está buscando algo para editar páginas web completas (!) En un campo de texto.


Hay varios editores WYSIWG para incrustar dentro de su sitio web.

WYMeditor ( WYMEditor ) se ve muy bien y parece ser una buena opción para buscar resultados XHTML limpios y válidos.


La clase NSTextView de Apple Cocoa exporta html bastante agradable, donde todo el trabajo se realiza especificando una hoja de estilo en el encabezado. El editor de Apple TextEdit usa esto.



Recientemente busqué un editor para crear documentación sólida, cuya salida sea adecuada para las diferencias de Subversion: 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 lo digo, aunque originalmente había preferido algo más simple que HTML.

PS Leyendo su pregunta otra vez, no estoy seguro, a qué se refiere 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 puede integrarse en una página HTML.


Recientemente cambié uno de mis proyectos a markdown para evitar este problema exacto. Todavía hay un poco de una curva de aprendizaje para los usuarios, pero no he tenido que lidiar con los problemas habituales que ocurren cuando copian / pegan contenido de Word y me pregunto por qué explotó.

Dicho esto, prefiero CKEditor sobre TinyMCE y los controles de Telerik. En general he encontrado que genera HTML un poco más limpio.



http://tinymce.moxiecode.com/ : fácil de usar, puede importar formularios de Word y restringir el formato a estilos CSS predefinidos para proporcionar un resultado consistente.


Spaw2 . Aunque está un poco abandonado ahora.