Saltar al contenido principal
Tooletto

Vista previa de Markdown

Un preajuste de Markdown a HTML

Escribe Markdown y velo renderizado al instante. Útil para redactar un README, una descripción de pull request o documentación antes de confirmarlo — con la vista previa aislada en un marco para que el contenido pegado no pueda ejecutar nada.

  • Los archivos nunca salen de tu dispositivo
  • Gratis, sin registro
  • Sin marcas de agua
  • Funciona sin conexión una vez cargado
Loading tool…

Cómo markdown a html

  1. 1

    Escribe o pega Markdown

    El HTML y la vista previa se actualizan mientras escribes.

  2. 2

    Comprueba la vista previa

    Renderizada en un marco aislado, así que el contenido pegado no puede ejecutar scripts.

  3. 3

    Copia el HTML

    Copia el marcado o descárgalo como un archivo .html.

Por qué redactar con vista previa supera a adivinar la sintaxis cruda

Todo el atractivo de Markdown es que puede escribirse y leerse como texto plano, pero esa misma simplicidad es exactamente lo que hace invisibles ciertos errores hasta que se renderizan — una tabla a la que le falta un carácter de barra vertical en su fila separadora vuelve silenciosamente a mostrarse como un párrafo plano en lugar de una tabla, una lista anidada indentada con el número equivocado de espacios se adjunta al elemento padre equivocado, y no hay ningún mensaje de error para ninguno de los dos problemas, solo una salida que silenciosamente no se ve como se pretendía. Ver el resultado renderizado real actualizarse continuamente mientras se escribe detecta exactamente esta clase de error de formato en el momento en que se introduce, lo cual es considerablemente más rápido que escribir un README completo o una descripción de pull request a ciegas y solo descubrir que el formato se rompió después de que ya se publicó en algún sitio.

Redactar para un destino específico

GitHub, un sitio de documentación, y una publicación de foro pueden renderizar la misma fuente de Markdown ligeramente distinta en casos extremos incluso admitiendo todos ampliamente GFM, así que previsualizar antes de publicar vale especialmente la pena cuando el destino es uno donde un error de renderizado sería visible para una audiencia amplia — un README público, un anuncio de lanzamiento, o una descripción de pull request que los revisores realmente leerán con atención.

Preguntas frecuentes

¿Qué variante de Markdown se admite?

GitHub Flavored Markdown: tablas, bloques de código con cercas, listas de tareas, tachado y autoenlaces, encima del núcleo de CommonMark. Ese es el dialecto que usan GitHub, Reddit y la mayoría de generadores de sitios estáticos.

¿Es seguro pegar Markdown de una fuente no confiable?

La vista previa se renderiza dentro de un iframe aislado con scripts desactivados, así que las etiquetas `<script>` incrustadas y los manejadores de eventos no pueden ejecutarse. Ten en cuenta que el *HTML generado* sigue conteniendo cualquier HTML crudo que estuviera en tu Markdown — sanitízalo en el servidor antes de publicar contenido que no escribiste tú.

¿Admite HTML crudo dentro de Markdown?

Sí — Markdown permite HTML en línea y se traslada tal cual. Eso es lo que hace que la nota de sanitización de arriba importe si la fuente no es confiable.

¿Por qué no se renderiza mi tabla?

Las tablas GFM necesitan una fila separadora de guiones bajo el encabezado, y una línea en blanco inicial si la tabla sigue a un párrafo. Una sola barra vertical faltante en la fila separadora convierte silenciosamente todo de vuelta en texto plano.