<h1 id="convertidor-de-markdown-a-html">Convertidor de Markdown a HTML</h1>
<p>Le damos la bienvenida al <strong>convertidor en tiempo real de Markdown a
    HTML</strong>. Esta herramienta implementa la especificación completa de
  GitHub Flavored Markdown (GFM) y conversión bidireccional.</p>
<h2 id="caracter-sticas-principales">Características principales</h2>
<ul>
  <li><strong>Extensión GFM</strong>: Tablas de datos, listas de tareas y texto
    tachado</li>
  <li><strong>Resaltado de sintaxis</strong>: Integración con highlight.js para
    decenas de lenguajes</li>
  <li><strong>Protección contra XSS</strong>: Desinfección estricta de scripts
    maliciosos con DOMPurify</li>
  <li><strong>Extracción de Frontmatter</strong>: Detección y filtrado
    automático de metadatos YAML</li>
</ul>
<h2 id="ejemplo-de-c-digo">Ejemplo de código</h2>
<pre
  style="background-color: #f6f8fa; border: 1px solid #e2e8f0; border-radius: 0.375rem; padding: 1em; margin: 1em 0; overflow-x: auto;"><code class="hljs language-javascript" style="background: transparent; padding: 0; display: block;"><span class="hljs-comment">// Configuración dinámica del compilador y políticas de seguridad</span>
<span class="hljs-keyword">function</span> <span class="hljs-title function_">compileMarkdown</span>(<span class="hljs-params">sourceCode, options = {}</span>) {
  <span class="hljs-keyword">const</span> compiler = <span class="hljs-keyword">new</span> <span class="hljs-title class_">MarkdownCompiler</span>({
    <span class="hljs-attr">gfm</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-attr">breaks</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-attr">sanitize</span>: options.<span class="hljs-property">sanitize</span> ?? <span class="hljs-literal">true</span>,
  });
  <span class="hljs-keyword">return</span> compiler.<span class="hljs-title function_">render</span>(sourceCode);
}

<span class="hljs-keyword">const</span> html = <span class="hljs-title function_">compileMarkdown</span>(<span class="hljs-string">&#x27;# Prueba de renderizado en vivo&#x27;</span>);
<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(html);</code></pre>
<blockquote>
  <p>&quot;Una documentación estructurada es la base del software de alta
    calidad. Markdown equilibra eficiencia de redacción y claridad.&quot;</p>
</blockquote>
<h2 id="tabla-de-correspondencias">Tabla de correspondencias</h2>
<table>
  <thead>
    <tr>
      <th align="left">Módulo</th>
      <th align="left">Estándar técnico</th>
      <th align="center">Estado</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="left">Tipografía y párrafos</td>
      <td align="left">Especificación CommonMark</td>
      <td align="center">Activo</td>
    </tr>
    <tr>
      <td align="left">Tablas y alineación</td>
      <td align="left">Protocolo extendido GFM</td>
      <td align="center">Activo</td>
    </tr>
    <tr>
      <td align="left">Motor de sintaxis</td>
      <td align="left">highlight.js</td>
      <td align="center">Activo</td>
    </tr>
  </tbody>
</table>
<h2 id="tareas-pendientes">Tareas pendientes</h2>
<ul>
  <li><input checked="" disabled="" type="checkbox"> Procesar tablas GFM y
    casillas interactivas</li>
  <li><input checked="" disabled="" type="checkbox"> Generar identificadores ID
    para enlaces de anclaje</li>
  <li><input disabled="" type="checkbox"> Exportar plantilla HTML5 autónoma con
    estilos embebidos</li>
</ul>