Al renderizar <tr> etiquetas dentro <template> de las etiquetas, se recortan y solo queda el contenido de cadenas.

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Chrome v121

Enlace de demo reproducible

https://jsfiddle.net/L27powtg/30/ (la solución también está ahí, comentada)

Describe el bicho

¿Cómo reproducir el bicho?

1. Crear un componente GJS personalizado para etiquetas plantilla como se explica aquí: https://github.com/GrapesJS/grapesjs/issues/244#issuecomment-324449748
2. Añadir un componente plantilla que tenga una fila de tabla como hijo. Por ejemplo: '''HTML <template><tr><td>Contenido de celda</td></tr></template>

4. revisa el resultado de editor.toHTML(). 

**¿Cuál es el comportamiento esperado?**
El resultado de toHTML no debería recortar las etiquetas tr, td. 

**¿Cuál es el comportamiento actual?**
La cadena HTML resultante carece de las etiquetas TR y TD. 

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo:
'''js
Sea comp = editor. DomComponents.addComponent('<template><tr><td>Contenido celdo</td></tr></template>')	
alert(comp.toHTML())

He implementado una solución para esto como una función personalizada de 'parserHtml'. Esto se puede integrar en BrowserParserHtml.ts archivo, si eso tiene sentido.

En realidad, DOMParser está recortando las etiquetas porque considera inválida una etiqueta 'tr' como etiqueta raíz. Envolver el contenido con una etiqueta 'plantilla' lo convierte en un HTML válido de nuevo y no hay recortes. Esto probablemente solucionaría la mayoría, si no todos, problemas similares:

'''js parserHtml(input, options) { plantilla const = document.createElement('plantilla'); template.innerHTML = entrada; devolver plantilla.contenido; }

¡Gracias por esta gran herramienta, por cierto!

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto