Herramientas para Desarrolladores

Vista Previa de Markdown

Escribe Markdown y velo renderizado en vivo, directamente en tu navegador.

Valora esta herramienta

Cómo usar Vista Previa de Markdown

  1. Escribe o pega tu Markdown.
  2. Observa cómo se actualiza la vista previa renderizada en vivo.
  3. Copia tu Markdown cuando estés conforme con el resultado.

Acerca de Vista Previa de Markdown

Escribe Markdown a la izquierda y observa cómo se renderiza a HTML en vivo a la derecha. Admite los elementos habituales: encabezados, negrita y cursiva, código en línea y bloques de código delimitados, listas ordenadas y no ordenadas, citas en bloque, líneas horizontales, enlaces y párrafos normales. La vista previa se actualiza mientras escribes, así que también sirve como borrador para redactar un README, un comentario o una publicación de foro.

Vale la pena destacar un comportamiento porque también es una garantía de seguridad: la herramienta escapa todo el HTML antes de renderizarlo, de modo que cualquier <script> u otras etiquetas HTML sin procesar en tu Markdown se muestran como texto literal en lugar de ejecutarse. Los enlaces, además, se restringen a http, https y mailto, así que un enlace javascript: se elimina por completo. La contrapartida es que se trata de una vista previa para Markdown común, no un motor completo de CommonMark o GitHub-Flavored-Markdown: no hay tablas, notas al pie ni casillas de tareas.

Como todo se ejecuta enteramente en tu navegador, tu borrador nunca sale de tu dispositivo. Para escapar manualmente un fragmento antes de pegarlo en una página, consulta codificar HTML, y para comprobar la extensión de lo que has escrito prueba el contador de palabras.

Preguntas frecuentes

¿Puedo mezclar HTML sin procesar en mi Markdown?

No, y es intencionado. Todo el HTML se escapa antes de renderizarse, así que las etiquetas que escribas aparecen como texto plano en lugar de tener efecto. Esto mantiene segura la vista previa, pero significa que el paso directo de HTML, que algunas variantes de Markdown permiten, no funcionará aquí.

¿Admite tablas, notas al pie o listas de tareas?

No. Renderiza un subconjunto común de Markdown en lugar de la especificación completa de CommonMark o GitHub-Flavored-Markdown, así que las tablas, notas al pie y casillas de tareas no se convierten. Los elementos habituales como encabezados, listas, código, citas y enlaces sí funcionan.

¿Es seguro pegar Markdown de una fuente que no es de confianza?

Sí. Como cada etiqueta HTML se escapa y los enlaces se limitan a http, https y mailto, los scripts incrustados y los enlaces javascript no pueden ejecutarse. Una etiqueta script en la entrada se muestra como texto, no se ejecuta.

¿Qué funciones de Markdown están soportadas?

Encabezados, negrita, cursiva, código en línea, bloques de código delimitados, listas ordenadas y no ordenadas, citas en bloque, líneas horizontales, enlaces y párrafos. Estas cubren la gran mayoría de la escritura cotidiana en Markdown.

¿Se sube mi texto a algún sitio?

No. El Markdown se convierte a HTML enteramente en tu navegador, así que tu borrador nunca se envía a un servidor, ni se registra ni se almacena.