Pregunta

Quiero crear un sitio donde el usuario pueda ingresar texto y formatearlo en Markdown. La razón por la que me gustaría una solución de Javascript es porque quiero mostrar una vista previa en vivo, como en StackOverflow.

Sin embargo, mi sitio no está dirigido a desarrolladores, por lo que un control de editor sería ideal.

Supongo que en StackOverflow, se está utilizando el editor de WMD.

Una búsqueda rápida en Google también muestra la biblioteca Showdown, que creo que realmente está siendo utilizada por WMD.

¿Hay otras opciones? ¿Las herramientas de WMD / Showdown ya son excelentes? ¿Cuáles han sido sus experiencias con las diferentes opciones?

¿Fue útil?

Solución

Si no es adverso al uso de Ajax para generar la vista previa en vivo, entonces otra opción es markItUp! . markItUp! Es un editor de marcado universal, y muy flexible. Proporciona una forma fácil de crear un editor de marcas, pero a diferencia de WMD, no ofrece su propia vista previa en vivo.

Utilicé markItUp !, junto con un simple JSP (usando MarkdownJ ) para uno de mis abiertos proyectos de origen (un complemento Markdown para Roller ). Si está utilizando otra tecnología del lado del servidor, reemplace esa simple JSP según corresponda.

En realidad, comencé a usar esto antes de encontrar WMD. Estoy de acuerdo, WMD es genial, pero solo ha sido de código abierto y, en esta etapa, es más difícil personalizar el comportamiento de.

Otros consejos

Estamos muy contentos con WMD. Sin embargo, hay algunos pequeños errores. Nada importante, pero me encantaría si John Fraser (el autor) creara el código de código abierto para que podamos solucionar algunos de ellos. Prometió hacerlo, pero otros proyectos de la vida real se están interponiendo.

Hago un seguimiento con John todas las semanas. Publicaré en el blog una vez que la fuente de WMD esté finalmente disponible. No he podido contactar a John Fraser en más de un año.

Hemos abierto tanto la biblioteca de Markdown de JavaScript

http://code.google.com/p/pagedown/

y la biblioteca de C # Markdown del lado del servidor

http://code.google.com/p/markdownsharp/

Recomendaría marcado , que es ligero, eficiente, fácil de usar y también es compatible con GitHub Flavored Markdown (GFM). Se puede usar en los lados del servidor (nodejs) o del cliente (navegador).

Por lo que sé, realmente no hay ningún otro editor basado en navegador para Markdown, al menos ninguno tan extenso como el editor WMD.

Showdown es un convertidor de Markdown en JS, que forma la base para la vista previa HTML de WMD. Ambos están hechos por http://attacklab.net/ .

Y, que yo sepa, no ha habido grandes quejas sobre ambos (al menos no en la lista de correo de Markdown). Así que ve por ello.

Hay uno llamado Showdown y actualmente está alojado aquí: https://github.com/coreyti/showdown

Y hay https://github.com/evilstreak/markdown-js :)

Strapdown.js, que fue recientemente lanzado , hace que sea vergonzosamente sencillo crear elegantes documentos de Markdown. No se requiere compilación del lado del servidor. & Quot;

No he probado esto, pero aquí hay otra opción:

Markdown wysiwyg

La pregunta es aún más antigua ahora, pero también es más relevante ya que gran parte del código mencionado lleva varios años desactualizado.

Sin embargo, encontré algunos que aún parecen actuales:

Jquery-Markedit : esto se bifurcó de wmd-edit hace bastante tiempo y se reformuló utilizar jQuery. Parece bueno a primera vista.

EpicEditor : también se mantiene, tiene un analizador flexible y, como puede ver a continuación, el El autor es altamente sensible (ver más abajo). Parece que también tiene buena documentación. Lamentablemente no funciona con IE9.

MarkdownDeep es una tercera opción que aún está vigente. El punto interesante con este es el soporte para Markdown Extra. Tiene una dependencia de JQuery (en realidad, también puede implementar sin JQuery). Basado en la versión .NET, de modo que la documentación está más alineada con la versión JS. Esto también funciona con IE9. Es muy fácil de usar (con JQuery) & amp; muy simple. Sin embargo, por lo que puedo ver, no se está produciendo ningún desarrollo significativo con esto.

js-markdown-extra es un puerto bastante preciso de la biblioteca de PHP y es Todavía en mantenimiento. Es compatible con Markdown Extra, por supuesto.

La pregunta es antigua pero espero que esto pueda ayudar a alguien. Acabo de publicar una versión de trabajo de mi propio editor de marcas de Javascript, uedit . Puede encontrar el código fuente aquí . Funciona en la mayoría de los navegadores (incluido IE6 +) y no depende de ninguna biblioteca JS externa.

Después de probar con varios complementos para resolver mis propias necesidades de ofrecer un seudo-WYSIWYG de MarkDown, terminé de implementar el mío:

Tal vez no sea tan potente como todas las soluciones comentadas aquí, pero creo que ninguna es tan simple y fácil de integrar y personalizar .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top