Markdown a HTML

Convierte un subconjunto de Markdown en HTML y muestra la vista previa. Las referencias de caracteres están en HTML a Markdown · entidades HTML

Vista previa
HTML

Qué se convierte

Esta página convierte un subconjunto de Markdown en HTML y muestra la vista previa junto al origen. La conversión se hace en el navegador. Las referencias de caracteres con nombre están en entidades HTML. La otra dirección es HTML a Markdown.

Cómo usarla

  1. Escriba Markdown. La vista previa y el cuadro de HTML se actualizan con Actualizar al escribir.
  2. Convertir ejecuta la misma conversión una vez.
  3. Mostrar ejemplo carga una nota titulada Notes, un párrafo con negrita y código en línea, una lista con viñetas alpha y beta, una lista numerada one y two, una cita, un enlace a https://example.com y una regla horizontal.
  4. El HTML de ese ejemplo contiene <h1>Notes</h1>, <strong>bold</strong>, <code>code</code>, un ul, un ol, un blockquote, el enlace y <hr>.
  5. Borrar todo vacía el Markdown, la vista previa y el HTML. Copiar resultado copia el HTML.

El Markdown que lee esta página

Los títulos ATX usan de uno a seis caracteres #. Las líneas en blanco separan los párrafos. **bold** y __bold__ son strong. *italic* y _italic_ son emphasis. El código en línea usa acentos graves. Un bloque cercado usa tres acentos graves. Los enlaces son [text](url) y las imágenes son ![alt](url). Las viñetas empiezan por - o *. Los elementos numerados empiezan por dígitos y un punto. Las citas empiezan por >. Una regla es una línea de ---, *** o ___.

Una tabla es una fila de cabecera, una fila separadora de guiones y filas de cuerpo, con las celdas partidas por |. Los caracteres que abrirían HTML se escapan, así que un <script> escrito tal cual sigue siendo texto. Las listas de tareas, el tachado y las notas al pie se dejan como texto plano.

Dónde se usa

  • Ver cómo quedará un fragmento de README.
  • Copiar un fragmento pequeño de HTML a una página.
  • Pasar una tabla de barras verticales a un elemento table.

Preguntas

¿Por qué una etiqueta escrita tal cual se ve como texto?

La página escapa el HTML primero y luego aplica el Markdown que conoce.

¿Esto puede hacer un PDF?

La salida es HTML. Imprimir o pasar a PDF es un paso aparte.