ERROR: No se puede añadir <table> etiqueta para un bloque personalizado
Como puedes ver, el error se activa desde 'grapesjs-plugin-social', así que no está relacionado con el núcleo. Lo único que puedo sugerir es usar la etiqueta 'tbody' dentro de tu tabla
Lee la respuesta completa abajo ↓Pregunta
Hola, estoy intentando crear un bloque de temporizador personalizado. El código es el siguiente:
block_manager.add('custom-countdown', {
etiqueta: 'My Label',
categoría: 'Categoría',
atributos: {
título: 'Cuenta atrás',
Clase: 'temporizador personalizado',
},
contenido: ' <div class="countdown">
<table>
<tr>
<td>
<div id="días" style="radio de borde: 50%; borde: 2px sólido #2f2f2f; relleno: 10px; margen: 2px; tamaño de fuente: 28px">00</div>
<br/>
<div style="font-size: 12px; color: #616161; text-align: center;">DAYS</div>
</td>
<td>
<div id="hours" style="border-radius: 50%; borde: 2px sólido #2f2f2f; relleno: 10px; margin:2px; tamaño de fuente: 28px">00</div>
<br/>
<div style="font-size: 12px; color: #616161; text-align: center;">HRS</div>
</td>
<td>
<div id="minutos" style="borde-radius: 50%; borde: 2px sólido #2f2f2f; relleno: 10px; margen:2px; tamaño de fuente: 28px">00</div>
<br/>
<div style="font-size: 12px; color: #616161; text-align: center;">MIN</div>
</td>
<td>
<div id="seconds" style="radio de borde: 50%; borde: 2px sólido #2f2f2f; relleno: 10px; margen: 2px; tamaño de fuente: 28px">00</div>
<br/>
<div style="font-size: 12px; color: #616161; text-align: center;">SEC</div>
</td>
</tr>
</table>
',</div>
});
Estoy añadiendo contenido dentro de la etiqueta 'table'. En el momento en que arrastro y suelto el bloque aparece un error: Uncaught TypeError: t.get no es una función. Por favor, consulta la siguiente captura de pantalla:
! imagen
Pero vuelve a funcionar si hago algún cambio en el editor. Consulta el vídeo: https://drive.google.com/file/d/1CNoXJihVnqj_3wzQybT6k0JqVCH7ESx2/view
Gracias por tu ayuda.
Respuestas (1)
Como puedes ver, el error se activa desde 'grapesjs-plugin-social', así que no está relacionado con el núcleo. Lo único que puedo sugerir es usar la etiqueta 'tbody' dentro de tu tabla
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2189
[Pregunta] Cómo añadir la opción "Lista de pedidos/no ordenados" en rte/bloque personalizado
Hola Estoy intentando crear una lista ordenada con grapesjs. Intenté añadir lo siguiente al RTE: Y esto funciona si mi página está pre-rell...
Issue #1471
[Pregunta] Gestor de bloques e imagen
¡Hola! Uso este código para añadir un nuevo bloque: blockManager.add("image", { etiqueta: 'Image', categoría: 'Básico', atributos: { clase:...
Issue #2122
[Pregunta] Añadir script al contenido con chart js
Hola, estoy intentando añadir un bloque Graph JS con este código pero cada vez que arrastraba el nuevo bloque me daba un error: ! imagen ¿C...
Issue #2057
Las Media Queries no se aplican a un bloque personalizado que escribí
Escribí un div block sencillo así blockManager.add('simple-div', { etiqueta: 'Contenedor', contenido: '"<!––<div class="simple-div"></div>...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.