Editor de Markdown: vista previa en vivo, exportación a HTML y Markdown

El editor admite encabezados, énfasis, listas, enlaces, imágenes, citas, bloques de código y tablas de barras al estilo de GitHub de CommonMark. Eso cubre todo lo que necesitas para archivos README, entradas de blog, incidencias, descripciones de pull requests y documentación técnica.

Sí. Copia el HTML renderizado directamente al portapapeles, descarga un archivo .html listo para cualquier navegador o guarda el archivo .md original para el control de versiones. El mismo contenido está disponible en ambos formatos cada vez que lo renderizas.

Sí. La vista previa en vivo renderiza tablas al estilo de GitHub con la alineación correcta, bloques de código delimitados con tipografía monoespaciada e imágenes mediante su URL o ruta relativa: exactamente lo que verás cuando el Markdown se publique.

No. El análisis y la representación se realizan localmente en tu equipo, así que la documentación interna, los borradores de entradas de blog y las notas privadas nunca salen de la pestaña. Cierra la página y no se conserva nada.

GitHub añade extensiones sobre CommonMark, como listas de tareas, notas al pie y enlaces automáticos a números de incidencia. El editor se ciñe al subconjunto ampliamente compatible, así que todo lo que se muestra aquí también se muestra en GitHub, GitLab, Reddit y la mayoría de los generadores de sitios estáticos.

Sí. Suelta un archivo .md o .markdown en el área de entrada y su contenido se cargará en el editor para que sigas editando, listo para volver a exportarse como HTML o Markdown cuando termines.

Sí — arrastra un archivo .md o .markdown al editor, cambia a Vista previa y el archivo se muestra como HTML con formato que puedes leer sin instalar nada. Funciona como un visor/renderizador rápido de md para archivos README y documentación directamente en el navegador.

Sí — alterna entre Editar, Dividir o Vista previa. Dividir muestra tu Markdown y el HTML en vivo uno al lado del otro, Editar te da el panel de escritura a todo el ancho y Vista previa es una representación de solo lectura y sin distracciones del documento terminado.

Probar ejemplo rellena el editor con un breve documento de demostración que muestra encabezados, texto en negrita/cursiva, una tabla y un bloque de código, para que veas la vista previa en vivo funcionando antes de pegar tu propio contenido. Pulsa Borrar en cualquier momento para vaciar el editor y volver a un documento en blanco y empezar de nuevo.

Cambia a la vista Dividida para ver la vista previa de HTML en vivo mientras escribes, usa Probar muestra primero si quieres una referencia de la sintaxis de tablas y bloques de código, y luego, cuando se vea bien, pulsa Descargar .html para la página renderizada o Descargar .md para conservar el código fuente en el control de versiones. Ambas exportaciones provienen del mismo contenido, así que nunca tienes que renderizar dos veces.

Sí: el área de carga y el selector de archivos aceptan archivos .txt y text/plain además de .md y .markdown, así que un borrador de texto plano se carga directamente en el editor sin renombrar antes la extensión. Cualquier sintaxis de Markdown que ya haya en el archivo (encabezados, listas, enlaces, etc.) se sigue renderizando con normalidad en la vista previa una vez cargado.