Editor con vista previa de Markdown gratis
Escribe y previsualiza Markdown en tiempo real con exportación a HTML. Gratis, rápido y funciona íntegramente en tu navegador, sin registro.
Actualizado
Markdown Preview
Write and preview GitHub Flavored Markdown with syntax highlighting, table of contents, templates, and multiple themes.
Markdown Source
Preview
Start typing to see the preview...
Supported Syntax (GitHub Flavored Markdown)
Formatting
- **bold**, *italic*, ***both***
- ~~strikethrough~~
- ==highlighted==
- `inline code`
- ~subscript~, ^superscript^
Blocks
- # Headings (1-6)
- > Blockquotes
- > [!NOTE] Alerts
- ``` Code blocks (15+ langs)
- --- Horizontal rule
Lists & Tables
- - Unordered lists
- 1. Ordered lists (auto-continue)
- - [x] Task lists
- | Tables | with | headers |
- Term / : Definition lists
Links & More
- [text](url) links
-  images
- Autolinks (URLs, emails)
- [^id] footnotes
- :emoji: shortcodes (40+)
Privacy First: All Markdown rendering happens locally in your browser. Your content is never sent to any server. Autosave uses localStorage on your device. Drag-and-drop .md files to load them instantly.
Related Tools
Preguntas Frecuentes
¿Qué es la herramienta Markdown Preview?
La herramienta Markdown Preview es un editor en línea gratuito que te permite escribir Markdown y ver el resultado renderizado en tiempo real, con capacidad de exportación a HTML.
¿Es gratis Markdown Preview?
Sí, es completamente gratis y no requiere registro. Todo el renderizado se realiza del lado del cliente, en tu navegador.
¿Puedo exportar el resultado como HTML?
Sí, la herramienta Markdown Preview te permite exportar tu Markdown renderizado como HTML limpio que puedes usar directamente en tus proyectos web.
¿Están seguros mis datos con esta herramienta?
Por supuesto. El Markdown Preview Editor procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece siempre privado en tu dispositivo.
¿Funciona el Markdown Preview Editor en dispositivos móviles?
Sí, el Markdown Preview Editor es totalmente adaptable y funciona en smartphones y tabletas. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.
¿Necesito crear una cuenta para usar esta herramienta?
No se necesita ninguna cuenta ni registro. Solo abre el Markdown Preview Editor en tu navegador y empieza a usarlo de inmediato. No hay registros obligatorios ni restricciones de uso.
¿Cómo uso el Markdown Preview Editor?
Simplemente introduce tu contenido en el campo indicado, ajusta las opciones a tu gusto y la herramienta lo procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.
¿Qué navegadores son compatibles?
El Markdown Preview Editor funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.
¿Qué es GitHub Flavored Markdown y este editor lo admite?
GitHub Flavored Markdown (GFM) es el dialecto de Markdown que GitHub usa en archivos README, issues y pull requests. Extiende la especificación original de Markdown de 2004 con añadidos que el Markdown plano no tiene: tablas construidas con barras verticales y una fila divisoria, listas de tareas escritas como casillas "- [ ]" y "- [x]", tachado con doble virgulilla, y enlazado automático de URLs sueltas. Este editor renderiza GFM completo, así que la sintaxis que escribes aquí se previsualiza igual que aparecerá una vez subida a un repositorio de GitHub. También añade texto resaltado con "==marcas==", notas al pie, listas de definiciones y llamadas de alerta al estilo GitHub como "> [!NOTE]". Eso significa que puedes redactar un README o un issue aquí y confiar en el resultado renderizado. Escribe o pega tu Markdown arriba para ver el GFM renderizado en vivo mientras escribes.
¿Por qué mi tabla o bloque de código de Markdown se ve roto en la vista previa?
Markdown es sensible a los espacios en blanco y a los símbolos, así que pequeños errores que se ven bien en texto sin procesar se rompen al renderizarse. Una tabla necesita una fila de encabezado, una fila divisoria de guiones y barras verticales como "|---|---|", y un número de barras consistente en cada línea; si falta un divisor o una barra está desalineada, todo el bloque cae de nuevo a texto plano. Los bloques de código necesitan vallas de tres comillas invertidas que coincidan; una valla sin cerrar engulle todo lo que viene después en un único bloque de código gigante. Las listas se rompen cuando la indentación es desigual o una línea en blanco las divide de forma inesperada. Una vista previa en vivo lado a lado es la forma más rápida de detectar esto, porque ves el fallo en el momento en que lo escribes en lugar de después de haber subido un README mal formado. Observa cómo se actualiza el panel de la derecha mientras editas arriba y corrige el divisor, la valla o la indentación hasta que se renderice correctamente.
¿Cómo exporto Markdown como HTML limpio o como PDF?
Una vez que tu documento se renderiza como quieres, este editor te ofrece varias vías de exportación. Puedes copiar el HTML renderizado directamente al portapapeles para pegarlo en un CMS, una plantilla de correo o una página web, o descargar un archivo HTML con estilo que conserva el formato y el tema de la vista previa. También puedes copiar o descargar el Markdown sin procesar como archivo ".md" para subirlo a un repositorio o guardarlo como copia de seguridad. Para una copia compartible de diseño fijo, usa Imprimir a PDF mediante el diálogo de impresión de tu navegador, que captura la vista previa renderizada en lugar del código fuente sin procesar. Como la conversión ocurre localmente en tu navegador, ninguno de tus textos se sube durante la exportación, así que las especificaciones y borradores privados permanecen en tu dispositivo. Termina tu documento arriba y luego elige el formato de exportación que se ajuste al destino del contenido.
¿Cuál es la diferencia entre vista dividida, solo código fuente y solo vista previa?
Este editor ofrece tres diseños para distintas etapas de la escritura. La vista dividida muestra el editor y la vista previa en vivo uno al lado del otro, así que observas el formato renderizarse mientras escribes, ideal para detectar errores durante la redacción. Solo código fuente oculta la vista previa para escribir sin distracciones cuando ya conoces la sintaxis y solo quieres un lienzo limpio. Solo vista previa oculta el Markdown sin procesar y muestra únicamente el resultado final renderizado, lo cual es mejor para leer o revisar el resultado terminado. En la vista dividida, el desplazamiento sincronizado mantiene ambos paneles alineados mientras avanzas por un documento largo, y puedes desactivarlo para desplazar cada panel de forma independiente. También puedes alternar entre cinco temas de vista previa —GitHub, Oscuro, Minimalista, Académico y Sepia— para adaptarte al lugar donde se publicará el contenido. Elige arriba el diseño que se ajuste a si estás redactando, concentrándote o revisando.
¿Cómo cuenta el editor las palabras y estima el tiempo de lectura?
Un panel de estadísticas en vivo se actualiza mientras escribes y cuenta mucho más que palabras. Registra palabras, caracteres, oraciones, párrafos y elementos estructurales específicos de Markdown —encabezados, enlaces, imágenes, bloques de código, tablas y elementos de lista de tareas completados frente al total— para que puedas calcular la extensión de un documento de un vistazo. El tiempo de lectura se estima a razón de aproximadamente 200 palabras por minuto, el promedio habitualmente citado para la lectura silenciosa de un adulto, lo que lo convierte en una referencia rápida para una entrada de blog o una página de documentación más que en una medición exacta; el contenido técnico denso con mucho código naturalmente se lee más despacio. Como todo se calcula en tu navegador, las estadísticas se actualizan al instante incluso en documentos largos, sin subida ni demora. Empieza a escribir arriba y observa cómo el conteo de palabras, los recuentos de estructura y la estimación del tiempo de lectura se actualizan en tiempo real a medida que crece tu borrador.
Herramientas Relacionadas
Minificador de CSS gratis en línea
Minifica código CSS para reducir el tamaño del archivo y mejorar la velocidad de carga. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.
Minificador de JavaScript gratis
Minifica código JavaScript para reducir el tamaño del archivo y mejorar el rendimiento. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.
Minificador de HTML gratis online
Minifica código HTML para reducir el tamaño de la página y el tiempo de carga. Gratis, rápido y funciona íntegramente en tu navegador, sin registro.
Formateador y embellecedor de SQL gratis
Formatea y embellece consultas SQL para una mejor legibilidad. Gratis, rápido y funciona íntegramente en tu navegador, sin registro.
Acerca del Editor de Vista Previa de Markdown
El Editor de Vista Previa de Markdown es una herramienta online gratuita para escribir Markdown y ver el resultado renderizado a medida que escribes. El editor se ubica a la izquierda y una vista previa en vivo se actualiza a la derecha, de modo que siempre sabes exactamente cómo se verán tus encabezados, listas, enlaces, bloques de código y tablas antes de publicarlos. Está pensado para desarrolladores que escriben archivos README, redactores técnicos que mantienen documentación, blogueros que redactan artículos y cualquiera que tome notas en Markdown y quiera una forma más rápida de comprobar el formato.
Todo funciona por completo en tu navegador. Tu texto nunca se sube a un servidor, así que un README privado, una especificación interna o un borrador sin publicar permanecen en tu propio dispositivo. No hay registro, no hay límite de documentos y no hay nada que instalar: abre la página y empieza a escribir.
Qué renderiza y cómo lo hace
Markdown es un lenguaje de marcado ligero creado en 2004 que convierte símbolos de texto plano en HTML con formato; por ejemplo, # Título se convierte en un encabezado y **negrita** se convierte en texto en negrita. Este editor admite GitHub Flavored Markdown (GFM), el mismo dialecto que se usa en los archivos README e issues de GitHub, así que la sintaxis que escribes aquí se comporta igual que en GitHub:
- Tablas construidas con barras verticales (
|) y una fila divisoria - Listas de tareas usando casillas
- [ ]y- [x] - Tachado con
~~texto~~y texto resaltado con==texto== - Notas al pie, listas de definiciones y llamadas de alerta al estilo GitHub como
> [!NOTE] - Bloques de código con resaltado de sintaxis para más de 15 lenguajes, incluyendo JavaScript, TypeScript, Python, Java, Go, Rust, SQL, Bash y más
Los encabezados reciben automáticamente identificadores de ancla, y el editor genera a partir de ellos una tabla de contenidos que te permite navegar por documentos más largos. Una barra de herramientas de formato inserta la sintaxis habitual por ti, y los atajos de teclado (Ctrl/Cmd+B para negrita, Ctrl/Cmd+I para cursiva, Ctrl/Cmd+K para un enlace) agilizan la escritura sin que tengas que quitar las manos del teclado.
Vistas, temas y estadísticas en vivo
Puedes alternar entre tres diseños: vista dividida con el editor y la vista previa uno al lado del otro, solo código fuente para escribir sin distracciones, y solo vista previa para leer el resultado terminado. En la vista dividida, el desplazamiento sincronizado mantiene ambos paneles alineados mientras avanzas por el documento, y puede desactivarse cuando prefieras desplazarlos de forma independiente.
Cinco temas de vista previa cambian el aspecto del resultado renderizado: GitHub, Oscuro, Minimalista, Académico y Sepia. Un panel de estadísticas en vivo cuenta palabras, caracteres, oraciones, párrafos, encabezados, enlaces, imágenes, bloques de código, tablas y tareas completadas frente al total, y estima el tiempo de lectura a razón de aproximadamente 200 palabras por minuto, algo útil para calcular la extensión de un artículo o una página de documentación.
Exportar tu trabajo
Cuando el documento esté listo, el Editor de Vista Previa de Markdown te permite llevarlo a cualquier parte:
- Copiar o descargar el Markdown de origen como archivo
.md - Copiar el HTML renderizado para pegarlo directamente en un CMS, una plantilla de correo o una página web
- Descargar un archivo HTML con estilo que conserva el formato de la vista previa
- Imprimir a PDF mediante el diálogo de impresión de tu navegador, para obtener una copia compartible de diseño fijo
También puedes cargar un archivo .md desde tu ordenador para previsualizarlo o editarlo, y siete plantillas incorporadas —README, entrada de blog, documentación, registro de cambios, notas de reunión, guía de contribución y notas de versión— te dan un punto de partida estructurado en lugar de una página en blanco.
Por qué importa una vista previa en vivo
La fortaleza de Markdown es que el texto sin procesar sigue siendo legible, pero los pequeños errores —una valla de código sin cerrar, una lista mal indentada, un divisor de tabla roto— a menudo se ven bien en el origen y solo se rompen al renderizarse. Una vista previa lado a lado detecta esos errores de inmediato, así que corriges el formato mientras escribes en lugar de después de haber subido un README roto o publicado un artículo mal formado. Como el renderizado ocurre localmente, también funciona una vez que la página se ha cargado y maneja documentos extensos a la velocidad de tu propio hardware. Pega o escribe tu Markdown arriba para verlo renderizado al instante.