Problema con el tipo de componente personalizado y la celda de la tabla

Question

¡Hola! Estoy intentando añadir un tipo de componente personalizado: '''javascript domc.addType('image-block', { extender: 'celda', modelo: { valores predeterminados: función () { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'td', nulo: falso, Droppable: Cierto } } }, isComponent (el) { if (el.tagName === 'TD' && el.classList.contains('bg-image')) { return { type: 'image-block' } } } }) Pero cuando dejo este bloque en el lienzo, la <td> etiqueta no aparece ni en...

artf · Accepted Answer

@kuhelbeher tu código es correcto (excepto 'extend: 'cell'' y no 'extendes: 'cell'), desafortunadamente, hay un bug (o una lógica defectuosa) aplicada en el componente de fila, así que, por ahora, sugeriría añadir esto como un parche: '''js const modelDefault = domc.getType('default').model; domc.addType('row', { modelo: { initialize() { modelDefault.prototype.initialize.apply(esto, argumentos); }, } }); ``` Y ahora debería funcionar: https://jsfiddle.net/corasd1h/

noogen · Answer

@kuhelbeher porque tu componente es una 'tabla' según la definición de contenido de arriba y no un 'td' como se define en tu addType de la propiedad 'TagName'?

kuhelbeher · Answer

@noogen no creo que el problema esté en esto. Intenté definir componente y bloque así: '''javascript domc.addType('custom-cell', { extiende: 'célula', modelo: { Predeterminados: { removible: falso, nombre: 'Celda personalizada', Tipo: 'célula personalizada', copiable: falso, etiquetaNombre: 'td' } } }) bm.add('root', { etiqueta: 'Envolvente de página', Categoría: opt.categoría, Contenido: '

, }) ``...

Problema con el tipo de componente personalizado y la celda de la tabla

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

¿Cómo puedo crear bloque con imagen de fondo con un comportamiento similar a una "imagen" incorporada?

Cómo actualizar estilos en el Gestor de estilos

Modo absoluto, el estilo del componente desaparece al arrastrarse al lienzo

La selección del tipo de componente personalizado no funciona en el lienzo

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

GrapesJS DevTools: A Developer Panel Inside Your Editor

How We Built Composeit in Record Time Using GrapesJS Shadcn

Explorar categorías de plugins