Editor Markdown
Escribe a la izquierda, míralo renderizado a la derecha. Desplazamiento sincronizado, una barra de herramientas de formato y exportación como Markdown o HTML cuando termines.
Cómo funciona
La vista previa se genera con marked, un analizador de Markdown de código abierto incluido en este sitio (sin CDN), configurado para GitHub Flavored Markdown con saltos de línea activados. Vuelve a analizar todo el documento con cada pulsación; suena costoso, pero marked compila en una sola pasada muy rápida, y hasta documentos del tamaño de un libro se renderizan en pocos milisegundos. El editor también mantiene su propio historial de deshacer de hasta 100 instantáneas, porque los botones de la barra de herramientas cambian el valor del textarea mediante código, lo que evita silenciosamente la pila de deshacer nativa del navegador. La escritura consecutiva se agrupa en un solo paso tras una breve pausa, así que Ctrl+Z retrocede por ediciones, no por pulsaciones.
El desplazamiento sincronizado entre los paneles es proporcional: la posición de scroll de cada panel se convierte en una proporción de 0 a 1 y se refleja en el otro lado. Una nota de portabilidad: con los saltos de línea activados, un único salto de línea se convierte en un salto real, igual que renderiza GitHub los comentarios. Los renderizadores estrictos de CommonMark, incluidos muchos generadores de sitios estáticos, unirán esas líneas en un solo párrafo. Si tu Markdown va a un destino estricto, termina la línea con dos espacios o deja una línea en blanco para conservar el salto. La exportación a .html es exactamente el marcado del panel de vista previa envuelto en un documento mínimo, así que lo que ves es literalmente lo que se exporta.
Todo, incluido el analizador, se carga con la página y funciona localmente. Abre las herramientas de desarrollador y observa la pestaña Red mientras escribes: ninguna petición transporta tu texto, y el editor sigue funcionando sin conexión.