Issue #2957💬 RespondidoAbierto el 13 de agosto de 2020por jayeshmotwaniReacciones 0

ERROR: No se puede añadir <table> etiqueta para un bloque personalizado

Respuesta rápidapor artf

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)

artf27 de agosto de 2020

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.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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