Vista previa y editor en vivo de Markdown
Escriba Markdown en un lado y observe el resultado representado en el otro. La vista previa cubre las construcciones que la gente usa más (títulos, negrita y cursiva, código en línea, citas en bloque y listas) para que pueda comprobar cómo se leerá un archivo README, un número o un artículo antes de pegarlo en cualquier lugar.
Welcome to Markdown Live Editor 🚀
Write your markdown on the left, and see the rendered HTML preview on the right!
Features Supported:
inline code and code blocks"Simplicity is the soul of efficiency." — Austin Freeman
como funciona
- 1
Escribe o pega Markdown en el editor.
- 2
La vista previa se vuelve a representar a medida que escribe, por lo que los problemas de estructura aparecen inmediatamente.
- 3
Corrija los niveles de encabezado y enumere el anidamiento mientras aún pueda ver ambos lados.
- 4
Copie el Markdown en su repositorio, CMS o rastreador de problemas.
Ventajas y beneficios clave
Vista en vivo lado a lado
La fuente y el resultado son visibles juntos, lo cual es más rápido que enviar un archivo README y verificar cómo se representó.
Sin configuración
Sin complemento de edición, sin servidor local, nada que instalar: útil en una máquina que no es la suya.
Se ejecuta localmente
El contenido borrador permanece en la pestaña, por lo que los escritos no publicados no se envían a ninguna parte.
Bueno para aprender la sintaxis.
La retroalimentación inmediata hace que las reglas de Markdown sean fáciles de internalizar mediante experimentos.
Para qué lo usa la gente
- Redactar o comprobar un archivo README antes de enviarlo.
- Redactar un problema, una descripción de una solicitud de extracción o una entrada del registro de cambios.
- Verificar la estructura de los encabezados de un artículo antes de pegarlo en un CMS.
- Aprender la sintaxis de Markdown con retroalimentación visual inmediata.
Formatos y opciones compatibles
| Sintaxis soportada | Encabezados (# a ###), negrita, cursiva, código en línea, comillas en bloque y listas desordenadas |
|---|---|
| Entrada | Texto de Markdown escrito o pegado en el editor |
| Salida | Vista previa HTML renderizada en la página |
Privacidad y manejo de datos
Markdown se muestra en su navegador a medida que escribe; no se sube nada. Tenga en cuenta que la vista previa muestra el HTML que produce su Markdown, así que trate el contenido pegado de una fuente que no es de confianza de la misma manera que lo haría en cualquier otro lugar.
Límites y cosas que debes saber
- El renderizador cubre un subconjunto práctico, no la especificación completa de CommonMark o GitHub Flavored Markdown. Las tablas, los bloques de código delimitados con idioma resaltado, las listas de tareas, las notas al pie y los enlaces de referencia no se representan.
- Debido a que el subconjunto difiere del renderizador de GitHub, trate la vista previa como una verificación estructural en lugar de una simulación con precisión de píxeles de otra plataforma.
- La vista previa no sustituye a la propia vista previa del destino cuando depende de extensiones específicas de la plataforma.
Solución de problemas
Una tabla o un bloque de código delimitado no se representa
Esas extensiones están fuera del subconjunto admitido. El Markdown sigue siendo correcto: compruébalo en la vista previa de la plataforma de destino.
Una lista no comienza
Markdown necesita una línea en blanco entre un párrafo y la lista que le sigue. Agregue la línea en blanco y se mostrará la lista.
El texto se muestra inesperadamente como título o énfasis
Escapa del carácter principal con una barra invertida (\# o \*) cuando lo dices literalmente.
Online Markdown Editor & Live Preview
Write Markdown on one side and watch formatted HTML render live on the other. A free online Markdown editor and previewer for README files, documentation, static-site posts and issue templates — no install, no account, no extension.
- Live Markdown preview — headings, lists, tables, code fences, blockquotes and links render as you type, so you catch a broken table or an unclosed fence immediately.
- Preview README files before pushing — confirm exactly how a README or documentation page will look before the commit goes out.
- Standard Markdown syntax — the common formatting people actually use — bold, italics, nested lists, inline code, fenced blocks, images and reference links.
- Distraction-free drafting — a clean writing surface for blog posts and notes that you can copy straight into a CMS or static site generator.
- Nothing leaves your browser — unpublished documentation and private notes are rendered locally, not sent to a preview service.
Free with no sign-up. Check the length of a finished draft with the Word Counter, and escape any raw HTML you embed with the HTML Entity Converter.
Preguntas frecuentes
Does the preview match GitHub exactly?
No. It renders a practical subset — headings, bold, italic, inline code, blockquotes and lists — so use it as a structural check. GitHub extensions such as tables, fenced code blocks with highlighting and task lists are not rendered here.
Why did my table not render?
Tables are a GitHub Flavored Markdown extension outside the supported subset. The Markdown itself is still correct; check it in the destination platform's own preview.
How do I show a literal asterisk or hash?
Escape it with a backslash: \* or \#. Otherwise Markdown reads them as emphasis and heading markers.
¿Qué sintaxis de Markdown es compatible?
Markdown con sabor a GitHub (GFM) estándar que incluye tablas, bloques de código y listas de tareas.
¿La vista previa coincide exactamente con GitHub?
No. Representa un subconjunto práctico (títulos, negrita, cursiva, código en línea, citas en bloque y listas), así que utilícelo como verificación estructural. Las extensiones de GitHub, como tablas, bloques de código delimitados con resaltado y listas de tareas, no se representan aquí.
¿Por qué mi mesa no se renderizó?
Las tablas son una extensión de GitHub Flavored Markdown fuera del subconjunto admitido. El Markdown en sí sigue siendo correcto; compruébalo en la vista previa de la propia plataforma de destino.
¿Cómo muestro un asterisco o un hash literal?
Escápelo con una barra invertida: \* o \#. De lo contrario, Markdown los lee como marcadores de énfasis y encabezado.
Herramientas relacionadas
Contador de palabras y caracteres
Estadísticas de palabras, caracteres y tiempo de lectura en tiempo real
Convertidor de casos de texto
Cambiar entre SUPERIOR, Inferior, Título y camelCase
Formateador JSON
Formatee, valide y minimice JSON al instante
Comprobador de diferencias de texto y código
Compara dos archivos de texto o fragmentos de código línea por línea