Editor de Markdown
Escribe a la izquierda y lee la página renderizada a la derecha: sin botones y sin subir nada.
La página renderizada aparece aquí.
Cómo se usa
- Escribe o pega Markdown en la caja izquierda: la vista previa de la derecha se actualiza mientras escribes. No hay botón de renderizar.
- «Un salto de línea simple = nueva línea» está desactivado por defecto: un salto simple se trata como un espacio, como especifica CommonMark. Actívalo cuando quieras que cada salto termine una línea.
- Copia el HTML para un CMS o un blog, o descarga el archivo .md / .html. Las tres salidas proceden del mismo análisis que la vista previa.
Ejemplo
Entrada (Markdown)
## Solo en local **Negrita**, `código` y un [enlace](https://example.com). - nunca se sube | Formato | Bytes | | --- | ---: | | .md | 128 |
Salida (HTML, tal como se copia)
<h2 dir="auto">Solo en local</h2> <p dir="auto"><strong>Negrita</strong>, <code>código</code> y un <a href="https://example.com" target="_blank" rel="noopener noreferrer nofollow">enlace</a>.</p> <ul><li dir="auto">nunca se sube</li></ul> <table><thead><tr><th dir="auto">Formato</th><th dir="auto" class="md-align-end">Bytes</th></tr></thead><tbody><tr><td dir="auto">.md</td><td dir="auto" class="md-align-end">128</td></tr></tbody></table>
El HTML de arriba es exactamente lo que «Copiar HTML» pone en tu portapapeles: el mismo análisis alimenta la vista previa y el texto se escapa en lugar de inyectarse.
Reglas, límites y problemas conocidos
- Compatible: encabezados (# y ===), párrafos, negrita / cursiva / tachado, código en línea, bloques de código delimitados, enlaces, imágenes, citas, listas ordenadas, no ordenadas y de tareas, tablas GFM, líneas horizontales y enlaces automáticos.
- No compatible: bloques de código con sangría de 4 espacios, enlaces de referencia, notas al pie, listas de definiciones, bloques de HTML sin procesar, entidades HTML, matemáticas (KaTeX), diagramas Mermaid, atajos de emoji, resaltado de sintaxis, índices y desplazamiento sincronizado.
- El HTML sin procesar nunca se ejecuta: <div>, <script> e <img onerror=…> se muestran como texto literal. Por eso aquí no se puede previsualizar un fragmento HTML existente.
- Los enlaces solo conservan http, https, mailto, tel y anclas #; las URL javascript:, data: y vbscript: se descartan y el texto del enlace permanece. Las imágenes solo aceptan http/https.
- Las imágenes remotas las carga tu navegador y envían una petición a esa dirección (sin referente). Si la URL de la imagen es confidencial, no la incluyas en el documento.
- Esto es un subconjunto práctico, no CommonMark/GFM completo: el anidamiento profundo, una barra | dentro de un fragmento de código en una tabla, la sangría de listas y los encabezados Setext de varias líneas pueden renderizarse de forma distinta a GitHub.
- El anidamiento se limita a 8 niveles (citas, listas, en línea); el contenido más profundo se muestra como texto plano para que una entrada hostil no bloquee la página.
- Tiempo real hasta 100.000 caracteres; por encima, la vista previa se actualiza unos 0,5 s después de que dejes de escribir. Nada se trunca.
- El .html exportado es una página estática autónoma con tipografía sencilla y sin resaltado de sintaxis, no una maquetación de impresión/PDF. No hay exportación a PDF ni a Word.
- No se guarda nada: sin cuenta, sin borrador, sin historial y sin parámetros en la URL. Al cerrar la pestaña se pierde el texto.
Herramientas relacionadas
Lo que suele hacer falta después, una vez escrito el Markdown.