Saltar al contenido

Convertir Markdown a HTML

Convierte Markdown a HTML con la biblioteca markdown-js, que sigue la sintaxis original de John Gruber. El HTML sin procesar del origen se escapa como texto, y las extensiones de GitHub, como las tablas y los bloques de código delimitados, no se reconocen.

Pegar una sección de un README o unas notas de versión en un campo de CMS que solo acepta HTML.

Markdown

Cuándo usarla

  • Pegar una sección de un README o unas notas de versión en un campo de CMS que solo acepta HTML.
  • Comprobar qué etiquetas HTML genera un fragmento de Markdown básico.

Cómo usarla

  1. Pega Markdown en el editor izquierdo o carga un archivo .md.
  2. Lee el HTML generado a la derecha y revisa en la vista previa de debajo cada encabezado, lista y enlace.
  3. Copia el HTML; solo contiene el marcado del cuerpo, así que añade tu propio CSS donde lo pegues.

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

Detalles y limitaciones

La conversión se ejecuta en el navegador. La salida es un fragmento HTML sin <html>, <head> ni hoja de estilos; la vista previa lo renderiza en un marco aislado con los scripts desactivados.

Solo se admite el Markdown original. Las tablas con barras, las listas de tareas, ~~tachado~~ y el código delimitado con ``` se quedan como texto; usa sangría de 4 espacios para los bloques de código.

El HTML en línea como <div> se escapa a &lt;div&gt;, no se transmite tal cual.

Las imágenes se convierten en etiquetas <img> que apuntan a la URL original; los archivos no se incrustan.

FAQ

¿Por qué mis bloques ``` no se convierten en bloques <pre>?

La biblioteca es anterior al código delimitado. Un delimitador se trata como código en línea dentro de un párrafo. Sangra el código con cuatro espacios para obtener <pre><code>.

¿Admite las tablas de GitHub Flavored Markdown?

No. Una línea como | a | b | se genera como un párrafo normal.

¿Puedo conservar HTML sin procesar en mi Markdown?

No. Las etiquetas HTML se escapan y se muestran como texto en el resultado, así que un <div> incrustado no se renderizará como elemento.

Especificaciones y referencias