No se puede hacer que los componentes personalizados sean hoverables/seleccionables/badgables

Question

Estoy usando GrapesJs con Angular y ampliando la funcionalidad usando componentes de Angular. Así que mi plantilla es así: Todo esto funciona bien; He añadido DomComponents al diseñador, y los componentes aparecen en el diseñador de capas e incluso puedo cambiar rasgos sin problema. Todo se renderiza como debe. Sin embargo; aunque puedo seleccionar mi componente de Texto y ver una insignia, no puedo seleccionar rs-wc-custom-component ni rs-wc-menu. Cuando hago clic en los objetos, no aparece ni...

andrewryan1906 · Accepted Answer

Así que, Lo que acabé haciendo en su lugar fue usar elementos Angular, pero NO compilar los elementos en un componente web (quería evitar la complejidad extra). Esto me evitó tener que cambiar los elementos del DOM, así que el editor GrapesJS está funcionando bien. No hay más problemas. ¡Gracias! Andrew

andrewryan1906 · Answer

Esto podría ayudar. Como parte del procesamiento del elemento, lo estoy cambiando por mi elemento angular sobre la marcha... Así que, después de renderizar la etiqueta rs-wc-custom-component, espero 1 ms y genero un componente dinámico de Angular, y cambio el componente rs-wc-custom-por mi componente dinámico de Angular. ¿Podría ser ese el problema?

artf · Answer

Como parte del procesamiento del elemento, lo estoy cambiando por mi elemento angular sobre la marcha... Así que, después de renderizar la etiqueta rs-wc-custom-component, espero 1 ms y genero un componente dinámico de Angular, y cambio el componente rs-wc-custom-por mi componente dinámico de Angular. Definitivamente esto suena como el principal problema desde el punto de vista del editor. Cuando GrapesJS analiza elementos, asocia modelos de componentes al DOM, así que, cuando intentas interact...

No se puede hacer que los componentes personalizados sean hoverables/seleccionables/badgables

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Añadir html personalizado dentro de Canvas

Cómo obtener datos de formularios en grapesjs

Renderizado de componentes angulares en GrapesJS.

Construcción de componentes gjs

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Messaging on gjs.market: talk to a studio before you buy, not after

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

Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor

Explorar categorías de plugins