Editor y visor de Markdown

Cómo usar el editor de Markdown

1. Escribe o pega Markdown en el cuadro Markdown. La Vista previa de al lado (debajo en un móvil) se actualiza mientras escribes.
2. Usa los botones de Formato (Negrita, Cursiva, Título, Enlace, Lista, Cita, Código) para aplicar formato al texto seleccionado, o pulsa Ctrl+B / Ctrl+I (⌘B / ⌘I en un Mac).
3. Deja marcada la opción GitHub Flavored Markdown (tablas, listas de tareas, \~\~tachado\~\~, enlaces automáticos) para usar la sintaxis de GitHub, o desmárcala para un Markdown sencillo de estilo CommonMark.
4. Cuando termines, pulsa Copiar HTML para pegar el HTML en un CMS o en una plantilla de correo, Descargar .md para guardar el código fuente Markdown o Descargar .html para obtener una página web completa.

Los contadores bajo el editor muestran las Palabras y los Caracteres del documento y un Tiempo de lectura estimado a 200 palabras por minuto. Las palabras se cuentan en el texto ya renderizado, así que los símbolos de Markdown como # o ** no inflan el recuento.

Guardado automático en tu navegador

Con Guardado automático en este navegador marcado, tu borrador se guarda un momento después de que dejes de escribir, en el almacenamiento local del navegador de este dispositivo. Cuando vuelves, se restaura el último borrador. No se envía nada a un servidor, así que el borrador no te sigue a otro navegador ni a otro dispositivo. En la navegación privada, o si el almacenamiento está lleno o bloqueado, la herramienta te avisa de que el guardado automático no está disponible: descarga tu texto para conservarlo. Al desmarcar la opción se borra el borrador guardado.

Chuleta de Markdown

• Títulos: # Título, ## Sección, ### Subsección
• Énfasis: **negrita**, _cursiva_, ~~tachado~~ (GFM)
• Enlaces: [texto](https://example.com); con GFM, las URL sueltas también se convierten en enlaces
• Imágenes: ![descripción](data:image/png;base64,…)
• Listas: - elemento o 1. elemento; listas de tareas con - [ ] y - [x] (GFM)
• Citas: > texto citado
• Código: `en línea` o un bloque entre dos líneas de tres acentos graves
• Tablas (GFM): una fila de encabezado, una línea | --- | --- | y luego una fila por línea

Seguridad de la vista previa y de la exportación

Markdown puede contener HTML sin procesar, que podría esconder scripts. Cada vez que se actualiza la vista previa, el HTML que produce el motor de Markdown se limpia con DOMPurify antes de mostrarse: se eliminan los scripts, los controladores de eventos como onclick, los enlaces javascript:, los estilos en línea, los formularios, los marcos y los contenidos multimedia incrustados. Los enlaces se abren en una pestaña nueva. Copiar HTML y Descargar .html usan ese mismo HTML limpio, así que puedes pegarlo en otras páginas con tranquilidad.

La vista previa solo muestra las imágenes incrustadas como URL data: o blob:. Las imágenes remotas, como https://…/foto.jpg, nunca se cargan: la política de seguridad de esta página las bloquea, lo que además impide que la vista previa se use para rastrearte. La herramienta te indica cuántas imágenes no ha podido mostrar. El Markdown que descargas conserva los enlaces originales de las imágenes, así que funcionarán allí donde lo publiques.

El archivo .html es una página independiente con una pequeña hoja de estilos integrada (fuentes legibles, tablas, bloques de código y modo oscuro). Su título se toma del primer título de tu documento, que también da nombre a los archivos descargados.