1
Escribe o abre un archivo
Escribe, pega o lee un archivo Markdown o de texto local. Los atajos insertan sintaxis habitual alrededor de la selección.
TEXT.04 MARKDOWN PREVIEW
Editor de vista previa Markdown
Los atajos de formato están junto al editor de código fuente; la vista previa, el HTML y el texto plano comparten el panel de resultados.
Fuente
Resultado en directo
§ 01
Del código fuente Markdown a un resultado útil en dos paneles
2
Elige el tipo de resultado
La vista previa comprueba el diseño, HTML sirve para un CMS o una página y el texto plano extrae contenido legible. Todo parte del mismo renderizado seguro.
3
Copia o descarga
Las acciones de la derecha siguen la pestaña activa: la vista previa descarga un documento HTML completo, HTML descarga un fragmento y el texto plano descarga texto.
§ 02
La vista previa en directo detecta problemas antes de publicar
El código fuente Markdown es legible, pero la alineación de tablas, las listas anidadas, los bloques de código y los enlaces se verifican mejor tras renderizar. La vista dividida mantiene el cambio y su resultado en el mismo recorrido visual.
Esta página activa GitHub Flavored Markdown con tablas, listas de tareas, tachado y enlaces automáticos. El HTML original pasa por DOMPurify para que scripts, atributos peligrosos y protocolos inseguros no entren en la vista previa.
§ 03
Sintaxis Markdown habitual
Uso
Sintaxis
Resultado
Título
# TítuloNivel uno; añade almohadillas para niveles inferiores
Énfasis
**negrita** y *cursiva*Palabras destacadas
Enlace
[texto](dirección)Enlace en el que se puede hacer clic
Cita
> contenido citadoCita en bloque
Código
Tres acentos graves alrededorBloque de código que conserva el formato
Tarea
- [ ] pendienteLista de tareas GFM
Tabla
Barras entre columnasTabla GFM
§ 04
El análisis Markdown y la seguridad HTML son trabajos distintos
Un analizador Markdown convierte la sintaxis a HTML, pero no hace segura por sí misma cualquier entrada. Esta página utiliza un limpiador dedicado antes de insertar el resultado en el DOM.
El contenido del editor solo existe en la memoria de la página actual. No hay guardado automático ni historial; al actualizar se restaura el ejemplo, así que descarga Markdown o copia el resultado si quieres conservarlo.
§ 05
Preguntas frecuentes
Q1¿Qué sintaxis Markdown se admite?
Markdown común y tablas GFM, listas de tareas, tachado, enlaces automáticos, bloques de código cercados y un subconjunto seguro de HTML original.
Q2¿Por qué se limpia el HTML renderizado?
Markdown puede contener HTML original. DOMPurify elimina scripts, atributos de eventos y URL peligrosas para que no se ejecute código no confiable en la vista previa.
Q3¿El contenido se guarda automáticamente?
No. La página no usa LocalStorage ni historial. Al actualizar restaura el ejemplo; copia o descarga lo que quieras conservar.
Q4¿En qué se diferencian Vista previa, HTML y Texto plano?
La vista previa muestra el diseño final, HTML expone el fragmento de marcado limpiado y el texto plano extrae las palabras legibles del resultado.
Q5¿Puedo abrir un archivo Markdown local?
Sí. FileReader lo lee localmente sin subirlo y también puedes arrastrarlo al editor de código fuente.