Issue #1121💬 RespondidoAbierto el 18 de mayo de 2018por alimajed93Reacciones 0

<Tbody> dentro <Table>

Respuesta rápidapor artf

Creo que esto ocurre porque cuando añades el HtmlCode lo analiza el navegador, pero fuera del alcance de la tabla y por eso elimina tus etiquetas. Intenta saltarte el analizador pasando un objeto componente: '''js Y en vez de añadir <tbody> , prefiero poner uno nuevo, ya que podrías acabar añadiendo dos editor.getSele...

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf,

Creé un nuevo componente con 'tagName = 'table''. Cuando se selecciona y se hace clic en una opción de su barra de herramientas que también creé, se abre un nuevo modal y, cuando el usuario envía, se debe añadir contenido al bloque. Estoy usando 'editor.getSelected().get('components').add(HtmlCode)', donde el código HTML siempre empieza por '<tbody><tr><td>'. Mi problema es que esas etiquetas se están omitiendo por completo. Así que el resultado final es '<table>[Resto del código HTML]' en lugar de '<table><tbody><tr><td>[Resto del código HTML]'.

Creo que es porque el body solo se puede arrastrar dentro de una tabla. Pero como mencioné, el componente ya es una tabla. Si por ejemplo se <tbody><tr><td>sustituyen por un ''<div>, todo funciona como se espera.

¿Alguna idea de cómo solucionar este problema?

¡Gracias!

Respuestas (3)

artf23 de mayo de 2018

Creo que esto ocurre porque cuando añades el HtmlCode lo analiza el navegador, pero fuera del alcance de la tabla y por eso elimina tus etiquetas. Intenta saltarte el analizador pasando un objeto componente: '''js Y en vez de añadir <tbody> , prefiero poner uno nuevo, ya que podrías acabar añadiendo dos editor.getSelected().components({ etiquetaNombre: 'tbody', componentes: { etiquetaNombre: 'tr', componentes: { etiquetaNombre: 'td', componentes: '[Resto del código HTML]' } } });

no-response[bot]2 de junio de 2018

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.

lock[bot]17 de septiembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.