HTML Canvas AST

—

<h:1 id="inicio">Bienvenido a QBML</h> <p align="justify" lineheight="1.6"> Este es un párrafo con <b>negrita</b>, <i>cursiva</i> y <c: #c0392b>texto en color</c>. También podés usar <url: https://example.com target="blank">vínculos</url> y <mark: #fff176>texto resaltado</mark>. </p> <box width="320" border="1" bordercolor="#999" background="#f9f6f0" padding="16"> <p align="center"><b>Esto es un box</b></p> <p>Texto <size: 13>más pequeño</size> dentro del contenedor.</p> </box> <hr> <h:2>Listas</h> + Ítem nivel 1 ++ Subítem A ++ Subítem B +++ Sub-subítem 1. Primer elemento 1.1. Sub-elemento 1.2. Otro sub-elemento 2. Segundo elemento <h:2>Tabla</h> | Nombre | Valor | Estado | | :------ | :----: | ------: | | Alpha | 100 | ✓ OK | | Beta | 200 | ✓ OK | | Gamma | 300 | ✗ Error | <h:2>Sintaxis BBCode</h> <p>[b]Negrita BBCode[/b] y [c=green]color verde[/c] y [url=https://example.com]un link[/url].</p> <quote>Esta es una cita en bloque, con <i>cursiva</i> dentro.</quote> <code>const x = renderHTML(ast);</code>