pulsa ⌘K para cambiar de herramienta
TEXT

Vista Previa Markdown

Escribe Markdown y previsualiza con renderizado en tiempo real.

local
markdown-preview

Rendered locally and sanitized with DOMPurify. Nothing is sent anywhere.

§01 ACERCA DE ESTA HERRAMIENTA

Descripción general

Un editor de Markdown a dos paneles: escribe en el panel izquierdo y el derecho muestra el resultado renderizado de inmediato. El análisis lo hace marked y cada renderizado se sanea con DOMPurify, de modo que el HTML incrustado no puede inyectar scripts en la página. Útil para redactar un README, comprobar cómo se verá un fragmento o depurar la sintaxis de Markdown.

Cómo se usa

  1. Escribe o pega en el panel Markdown: arranca con un pequeño documento de ejemplo.
  2. Observa cómo el panel Preview se actualiza con cada pulsación.
  3. Itera hasta que la salida quede bien y copia después tu fuente desde el panel izquierdo.

Ejemplos

  • **negrita** y _cursiva_ → texto en negrita y cursiva en la vista previa
  • `código en línea` y los bloques delimitados por ``` se muestran con tipografía monoespaciada
  • [enlaces](https://example.com), # encabezados y - elementos de lista se convierten en enlaces clicables, encabezados y listas con viñetas

Notas

La vista previa aproxima el aspecto final; GitHub, GitLab y los generadores de sitios estáticos aplican cada uno sus propios CSS y extensiones, así que los espaciados y la sintaxis avanzada pueden diferir en la plataforma de destino. El HTML en bruto que DOMPurify considera inseguro se elimina de la vista previa sin avisar.

FAQ
¿Se envía mi Markdown a un servidor?
No. El renderizado ocurre por completo en tu navegador con la biblioteca marked, y el HTML resultante se sanea con DOMPurify antes de mostrarse. Nada se transmite ni se almacena.
¿Es seguro previsualizar Markdown de origen no confiable?
La salida renderizada pasa por DOMPurify, que elimina las etiquetas script, los manejadores de eventos y otro HTML peligroso antes de que llegue a la página. Aun así, evita hacer clic en enlaces de contenido en el que no confíes.
¿Qué variante de Markdown se admite?
La herramienta usa marked, que soporta CommonMark más las extensiones habituales de GitHub, como los bloques de código delimitados y los enlaces automáticos. Los añadidos propios de una plataforma, como las casillas de las listas de tareas de GitHub, pueden mostrarse de forma distinta que en GitHub mismo.