Markdown Live Preview Editor?


78

Actualmente estoy usando Textmatepara crear documentos de Markdown, pero me obliga a presionar CtrlOptionCmd+ Pcada vez que quiero 'actualizar' la ventana de salida de Markdown. Esencialmente lo estoy usando como un procesador de textos.

¿Existe un editor Markdown para Mac OS X que admita la actualización wysiwig / live del contenido? Quizás Textmate ya hace esto?


Buscando lo mismo para Linux, todavía esta pregunta es muy útil (hay algunos programas portátiles listados aquí)
Dacav

Hay varios editores con capacidades de vista previa en línea / wysiwyg aquí: softwarerecs.stackexchange.com/questions/5746/…
gaborous

Respuestas:


40

Si desea utilizar TextMate, cambie la asociación del idioma de su archivo a 'HTML'. En la ventana Vista previa hay un cajón que ofrece la opción de canalizar el texto a través de 'Markdown.pl'. (Ver captura de pantalla).

Reducción

La alternativa que uso para Makrdown no es una aplicación lanzada oficialmente, pero personalmente uso markdownlive de Jonathan 'Wolf' Rentzsch. Es de código abierto disponible en GitHub y requerirá que lo compiles usando Xcode. También le permite copiar el HTML generado (lo que me gusta usar durante bastante tiempo).


Intenté markdownlive. Funciona, pero como dijiste, está en desarrollo y es bastante primitivo en cuanto a la coloración sintáctica. Probaré otro método pronto.
Brock Woolf

2
no tiene que establecer su tipo de archivo en html. si usa el paquete de descuento, solo necesita eliminar la activación equivalente de clave de la vista previa en la configuración del paquete. luego, la vista previa web de show de textmate en el menú de la ventana te dará una vista previa en vivo.
Yanokwa

¿Qué pasa con multimarkdown?
Kirk Strobeck

55
No tiene que construir MarkdownLive usted mismo: github.com/rentzsch/markdownlive/downloads
Matt Ball

+1 Para el comentario de @ yanokwa. Particularmente me gusta esta bifurcación del complemento Markdown, que conserva muy bien elementos como sangría para listas desordenadas: github.com/fletcher/markdown.tmbundle
user72923

62

También está "Mou", un editor en vivo para Mac OS X (Lion). Todavía está en beta, ¡pero funciona muy bien! http://mouapp.com/

Cuando los editores actuales disponibles de Markdown son casi todos para escritores generales, Mou es diferente: es para desarrolladores web. Resaltado de sintaxis, vista previa en vivo, modo de pantalla completa, guardado automático, acciones potentes, emparejamiento automático, búsqueda incremental, temas personalizados, exportación HTML, compatibilidad con caracteres CJK mejorados.

ingrese la descripción de la imagen aquí


44
Mou se ve muy bien, pero requiere León.
Thilo

28

Solo para Mac, Marked proporciona una vista previa de rebajas y rebajas múltiples para cualquier editor de texto. La vista previa se actualiza cuando guarda el archivo de texto.

Captura de pantalla marcada


MarkdownPad es para Windows, pero proporciona una vista previa en vivo.

Captura de pantalla de MarkdownPad


ReText está disponible para otras plataformas y ofrece una vista previa en vivo de Markdown renderizado:

ReText es un editor de texto simple para la sintaxis de Markdown. Está escrito en Python usando bibliotecas Qt, capaz de ejecutarse en cualquier plataforma (Linux y BSD son oficialmente compatibles)

Captura de pantalla de ReText

Aunque no es oficialmente compatible, también hay instrucciones de instalación de Windows ; sin embargo, tuve que hacer algunas modificaciones para que funcionen (el conjunto completo con mis correcciones se muestra a continuación):

Instalación

  1. Instalar Python27
  2. Instale PyQT precompilado para PyQt-Py2.7-x86-gpl-4.8.3-1.exe PyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. Instale easy_install setuptools-0.6c11.win32-py2.7.exe
  4. Actualice las variables ambientales de su computadora. Haga clic Start, haga clic con el botón derecho My Computery seleccione Properties, seleccione la Advancedpestaña y luego haga clic Environment Variables.
  5. Debajo System Variables, haga clic New. En nombre de la variable, ingrese PYTHONPATH. Debajo de Variable valueenterC:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. Seleccione el PATHclic Variable del sistema Edit. Actualice la RUTA variable valueagregando C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;al frente de las entradas existentes para que se lea comoPATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. Instalar bibliotecas de Python adicionales. Seleccione Startluego Run, escriba cmdentonces cd \python27\scripts. Entrar:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. Descargue y desempaquete ReText actual (ATM 0.8.1 )
  9. Descargue y descomprima los iconos de ReText
  10. Coloque los iconos desempaquetados en la carpeta ReText \ icons
  11. Navegue hasta el archivo retext.py (probablemente en c:\retext). Haga clic con el botón derecho en arrastrar y soltar retext.py y seleccione Create shortcuts here.
  12. Haga clic derecho en el acceso directo para ajustar las propiedades.
  13. Cambiar targeta "C:\Python27\python.exe" retext.pyy Runpara minimized.
  14. Cambie el icono (que requerirá que cree un .icoarchivo de uno de los .pngarchivos descomprimidos anteriormente en el ReText/iconsdirectorio, que puede hacer aquí
  15. Cambie el nombre del acceso directo en la pestaña general si lo desea.

1
Para aquellos que desean obtener Marcado (que realmente puedo recomendar) y que todavía tienen Snow Leopard (10.6), hay una descarga gratuita de Snow Leopard disponible solo a través de las Preguntas frecuentes ( marcado.tenderapp.com/kb/documentation/… ): activos .markedapp.com / MarkedSL.zip
Simon Lehmann

mejor enumerar cada una de estas como respuestas separadas
Zac Thompson,

19

MarkdownLive hace exactamente lo que quieres, gratis y de código abierto.

Descargue el lanzamiento a través de GitHub, o la versión 1.7.1 desde aquí .

ingrese la descripción de la imagen aquí


7

BBEdit hace esto fuera de la caja: configure el tipo de documento actual como Markdown, abra Vista previa en BBEdit y escriba. La ventana de vista previa se actualiza automáticamente, mostrando su texto tal como lo desea.

Consulte la página 277 del Manual del usuario de BBEdit para más detalles.


5

El modo de reducción de Emacs le brinda una vista previa en vivo mientras escribe, y también una vista previa completa de HTML / navegador con C-c C-p.

ingrese la descripción de la imagen aquí



3

vim-instant-markdown es un complemento vim que muestra actualizaciones casi instantáneas en el navegador web predeterminado de su sistema. Incluso funciona en MacVim, aunque tuve que jugar un poco con $ PATH.


1
¿Te importa compartir lo que hiciste con tu $ PATH?
Eric Hu

2

El recientemente revivido Smultron puede hacer eso también sin presionar ninguna tecla:

  1. Establezca el "Analizador de vista previa" en "Markdown" en las preferencias avanzadas en "Really Advanced".
  2. Luego abra la ventana de vista previa con "Herramientas" / "Vista previa". Voilà.



Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.