Editor Markdown en vivo
Editor Markdown gratuito online con preview HTML en vivo. Escriba CommonMark o Markdown estilo GitHub a la izquierda y vea el HTML renderizado a la derecha; los paneles se desplazan en sincronía para que no pierda su lugar en documentos largos. La vista previa se sanitiza — las etiquetas <script> pegadas y los handlers onclick no pueden dispararse, así que puede renderizar con seguridad Markdown copiado desde cualquier sitio. Exporte como archivo .md (la fuente que escribió) o como archivo .html (la salida renderizada), o copie el HTML renderizado al portapapeles para pegar en WordPress, Ghost, Notion o cualquier otro CMS. Tres modos de vista: lado a lado (predeterminado), solo editor (modo enfoque), solo preview (modo lectura).
Cómo usar
Sintaxis estándar — títulos (#), listas (-), negrita (**), código (```), tablas (|).
Render en vivo aparece a la derecha mientras escribes.
Modo enfoque oculta el preview; modo lectura oculta el editor.
Guarde su borrador como .md (fuente) o .html (renderizado), o copie el HTML directamente al portapapeles para pegar en un CMS.
Edita Markdown a la izquierda, ve HTML a la derecha — estilo GitHub, sanitizado, scroll sincronizable
Funciones
Usos típicos
- Redactar un post de blog en Markdown, renderizar a HTML, pegar en tu CMS.
- Escribir un README localmente sin instalar un renderer.
- Convertir un documento Markdown a HTML standalone para enviar por email o alojamiento.
- Formatear una nota de reunión con títulos y listas con viñetas, luego copiar el HTML.
- Practicar sintaxis Markdown — ver cómo cada carácter se traduce a HTML.
Por qué este
El renderizado ocurre al instante en cada pulsación — sin viaje de ida y vuelta a un servidor, sin retardo de "vista previa lista en 3 segundos" como en los editores de CMS. El scroll sincronizado y los layouts de tres vistas son configurables. Las características GFM (tablas, listas de tareas, código cercado) coinciden exactamente con lo que GitHub renderiza para su README; desactive GFM si apunta a un consumidor CommonMark más estricto (algunos generadores de sitios estáticos, pipelines editoriales académicos).
Preguntas frecuentes
¿Qué es Markdown "estilo GitHub"?
Un superconjunto de CommonMark añadiendo tablas, bloques de código cercados, listas de tareas, autoenlaces y tachado. Es el estándar de facto para archivos README. Apaga "GFM" para renderizar CommonMark estricto en su lugar.
¿Por qué <script> en mi Markdown no se renderiza?
El contenido activo (scripts, handlers de eventos, URLs javascript:) se elimina antes de mostrarse — sin esta protección, cualquier Markdown que pegue desde un chat o un foro podría ejecutar código en su navegador. Si necesita una etiqueta <script> literal como texto visible, escápela con backticks (`<script>`) o códigos de entidad HTML.
¿Puedo escribir LaTeX/matemáticas?
No — este es un renderizador de Markdown plano, no un compositor de fórmulas. Use un bloque cercado con lenguaje `math` como placeholder; para renderizado de ecuaciones real, GitHub ahora soporta bloques $...$ de matemáticas de forma nativa, y Obsidian / VS Code / MkDocs integran KaTeX o MathJax.
¿Cómo funciona el scroll sincronizado?
Cuando desplazas el editor, el preview se desplaza proporcionalmente para coincidir. Es basado en porcentaje aproximado — no preciso por bloque — pero suficientemente cerca para navegación.
¿Móvil?
Sí. El layout dividido colapsa a paneles apilados; cambia a solo editor o solo preview para más espacio.
Podemos hacerlo — ¡y es gratis! Solo envíanos un mensaje rápido con tu idea. Si quieres comentarla en detalle, déjanos tu email y te responderemos. Puedes mantener el anonimato.
