Vista previa de Markdown

Sí — es completamente gratuito sin registro, sin cuenta y sin límites de uso. Se abre con un clic y funciona completamente en tu navegador. Sin límites de tamaño de archivo, sin límites de palabras y sin funciones de pago, a diferencia de Dillinger.io (con anuncios), StackEdit (con sincronización en la nube) o HackMD (que requiere cuenta para la mayoría de funciones).

Sí, completamente. Tu Markdown se analiza y renderiza en vivo en tu navegador y se autoguarda en el almacenamiento local de tu dispositivo — nada se sube a un servidor. La herramienta funciona offline una vez cargada la página. StackEdit sincroniza con Google Drive o Dropbox; HackMD almacena documentos en sus servidores haciéndolos públicos por defecto. Con esta herramienta, tus borradores son solo tuyos.

Sí. El previsualizador admite completamente GFM — tablas de tubería con alineación, listas de tareas con casillas de verificación (- [x] y - [ ]), tachado con ~~doble tilde~~, bloques de código con resaltado de sintaxis, autoenlaces y etiquetas HTML. El resultado se aproxima mucho a cómo se verá tu README en GitHub.

Sí. Pon un diagrama dentro de un bloque de código ```mermaid y se renderiza en vivo como SVG en el panel de vista previa. Los tipos de diagramas admitidos incluyen diagramas de flujo, diagramas de secuencia, de clases, de estados, ER, gráficos de tarta, Gantt y grafos Git. La vista previa integrada de VS Code no puede hacer esto sin la extensión 'Markdown Preview Mermaid Support'.

Sí. Las matemáticas en línea escritas como $E = mc^2$ y las matemáticas en bloque entre delimitadores $$…$$ se renderizan con KaTeX. KaTeX es rápido (sin petición de red, funciona localmente) y cubre la gran mayoría de la notación matemática LaTeX. StackEdit también admite KaTeX, pero requiere sincronización en la nube; esta herramienta renderiza matemáticas localmente.

Sí. Los bloques de código están resaltados con highlight.js, cubriendo más de 180 lenguajes de programación. Añade una sugerencia de lenguaje después de la apertura — por ejemplo ```js, ```python, ```sql — y se aplica el tema de color apropiado. El código resaltado se ve idéntico al renderizado de código de GitHub.

Simplemente pega o escribe tu Markdown en el editor de la izquierda y el resultado renderizado aparece al instante en la derecha — sin Visual Studio Code, sin extensiones y sin nada que instalar. Es una alternativa basada en navegador a la vista previa Markdown de VS Code que funciona en cualquier dispositivo, en cualquier navegador.

En VS Code, abre un archivo .md y pulsa Ctrl+Shift+V (Cmd+Shift+V en macOS) para abrir la vista previa Markdown en una nueva pestaña, o pulsa Ctrl+K luego V para mostrarla lado a lado. La vista previa integrada de VS Code admite CommonMark y GFM pero no renderiza diagramas Mermaid ni matemáticas KaTeX sin extensiones.

Dillinger.io es un editor Markdown online sólido con interfaz de panel dividido y sincronización en la nube. Sin embargo, no admite diagramas Mermaid, matemáticas KaTeX ni sanitización HTML segura. También tiene anuncios y conectividad en la nube. Esta herramienta añade Mermaid, LaTeX/KaTeX, sanitización DOMPurify, compartición basada en URL y capacidad offline — sin anuncios y sin conectividad en la nube.

StackEdit es un poderoso editor Markdown con gestión de espacio de trabajo, sincronización en la nube, KaTeX y Mermaid. El compromiso clave es que StackEdit requiere una cuenta de Google o GitHub para funciones de sincronización, almacena documentos en la nube y tiene una interfaz más compleja. Esta herramienta prioriza simplicidad y privacidad: una página, inicio instantáneo, sin cuentas, sin nube.

HackMD es una plataforma colaborativa de Markdown diseñada para equipos, con coedición en tiempo real y historial de versiones. Sin embargo, HackMD almacena todos los documentos en sus servidores (con documentos gratuitos accesibles públicamente por defecto) y requiere registro de cuenta. Esta herramienta es para uso individual donde quieres una vista previa rápida y privada con compartición vía URL.

Typora es un editor Markdown de escritorio de pago (14,99 $) con un modo de edición sin costuras único. Es excelente pero requiere instalación y compra. Esta herramienta basada en navegador funciona en cualquier SO sin instalación y no requiere compra — es una alternativa de coste cero para cuando necesitas una vista previa rápida.

Obsidian es una app de gestión del conocimiento con su propio dialecto Markdown que requiere instalación. Notion usa un editor basado en bloques visualmente distinto del Markdown estándar y requiere cuenta. Ninguno es ideal si solo necesitas una vista previa Markdown rápida y limpia en un navegador sin instalar software o crear cuentas.

La demo de Marked.js es una implementación de referencia básica que muestra la salida HTML del analizador. Es útil para depurar el comportamiento de Marked.js, no para editar cómodamente. No tiene soporte Mermaid, KaTeX, resaltado de sintaxis, barra de herramientas, exportación ni compartición. Esta herramienta añade una interfaz completa para escritura con todas esas características.

Sí. Usa Exportar → Imprimir/Guardar PDF para renderizar el documento a PDF — diagramas, ecuaciones matemáticas y código resaltado incluidos. Usa Exportar → Descargar .html para un archivo HTML autónomo con todos los estilos en línea. También puedes descargar el fuente como .md, copiar el HTML renderizado o copiar como texto enriquecido para pegar en Gmail, Google Docs o Notion.

Sí. Después del análisis, el HTML generado se limpia con DOMPurify antes de renderizarlo. DOMPurify elimina construcciones peligrosas — etiquetas <script>, manejadores de eventos en línea, URLs javascript: — por lo que la vista previa es segura incluso si estás renderizando Markdown de una fuente no confiable.

Sí. Haz clic en Compartir y la herramienta codifica tu documento completo en la URL (comprimido con LZ-string) y copia el enlace en tu portapapeles. Cualquiera que abra ese enlace tiene el documento cargado directamente en su editor — sin servidor, sin base de datos, sin cuenta requerida.

Sí. Los paneles del editor y la vista previa tienen desplazamiento sincronizado bidireccional — desplázate en el editor y la vista previa sigue, y viceversa. Una barra de formato proporciona inserción con un clic de negrita, cursiva, tachado, código en línea, encabezados, listas, citas, enlaces, imágenes, tablas y bloques de código. Los atajos de teclado (Ctrl+B, Ctrl+I, Ctrl+K, Ctrl+F) funcionan igual que en un editor de escritorio.

Sí. Haz clic en Abrir (o arrastra un archivo sobre el editor) para cargar un archivo .md, .markdown o .txt directamente en el editor. El archivo es leído localmente por tu navegador — nunca se sube. Una vez cargado, puedes editarlo, previsualizarlo y exportarlo.

El analizador admite CommonMark más extensiones GFM: encabezados, énfasis, negrita, tachado, reglas horizontales, citas, listas de viñetas y numeradas, listas de tareas, tablas de tubería, bloques de código con resaltado, código en línea, enlaces, imágenes y HTML en bruto. Además de GFM: diagramas Mermaid en bloques ```mermaid, matemáticas LaTeX con $…$ y $$…$$ via KaTeX, y notas al pie. El HTML se limpia con DOMPurify.