Custom DomComponent & Block permite duplicar todos los elementos

Question

He creado un bloque personalizado: y un DomComponent Personalizado: Y un comando personalizado (he encontrado donde ocurre el error): Cuando establezco el nuevo enlace para la imagen hija, cualquier bloque que añado al editor se suma dos veces, y cuando selecciono este bloque duplicado, ambos se seleccionan y cambian: ! imagen

artf · Accepted Answer

@JulyanoF nunca deberías hacer esto, 'editor. DomComponents.render()' si sientes que necesitas esa función, probablemente estés haciendo algo mal... luego, en tu componente personalizado, no configuras el método 'isComponent', así que revisa esta guía: https://grapesjs.com/docs/modules/Components.html Para el resto, haz una demostración en directo con el número

artf · Answer

estoy intentando obtener el html del elemento seleccionado (editor.getSelected().toHTML()), manipularlo y cambiar el contenido original Esto está mal... Deberías usar API de Component, no toques la vista o, peor aún, es HTML. Si no entiendes este concepto (deberías EDITAR el MODELO del componente, no su VISTA) te enfrentarás a muchos problemas

JulyanoF · Answer

@artf tienes razón. El problema es usar la función 'render()', es decir, duplicar los elementos... pero, si elimino esta función, el HTML del editor no cambia... Sigue mostrando contenido antiguo y no el nuevo. ¿Cómo puedo evitarlo? Proporcionaré una demo en directo

Custom DomComponent & Block permite duplicar todos los elementos

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

¿Cómo cambiar <a> el contenido de los rasgos?

Cómo obtener selección de RTE dentro de la función de resultados

Bloquear atributos de contenido (ngModel en mi caso) forzados a minúsculas

Problema al añadir bloque de vídeo manualmente

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins