Componente hijo no seleccionable al usar vista personalizada

Question

Estoy intentando crear un componente personalizado que genere su propia vista con HTML anidado. No quiero que este HTML se renderice como un componente, así que uso (usando jQuery) view: defaultType.view.extend({ init: function () { $(this.el).html('

'); }, getChildrenSelector: function () { return '.container'; }, }) Pero, si añado componentes hijos, no se pueden seleccionar desde el editor. Solo pueden seleccionarse a través del panel de capas. He creado un jsFiddl...

artf · Accepted Answer

Si añades elementos a través de Vista no puedes seleccionarlos, solo los modelos pueden ser seleccionables Lee esta página https://grapesjs.com/docs/modules/Components.html también creas nuevos tipos sin 'isComponent'

prestonkscott · Answer

@artf entiendo cómo usar isComponent. Voy a usar 'fromElement: false', así que no es necesario para cómo quiero usar uvas. No quiero que se seleccionen los elementos añadidos a la vista, pero sí quiero que los componentes anidados sean seleccionables. Actualmente no lo están. Por ejemplo, si renderizo esto como la vista de Componente: Luego, arrastro y suelto un componente hijo en el componente de arriba. No quiero que el '

' o '' anidado
se rendericen como componentes en el editor. Sup...

artf · Answer

Vale, ahora lo entiendo. El 'getChildrenContainer' debería funcionar como esperas, solo intentaré eliminar esos 'pointer-events' y hacer que el 'pasar' funcione más como el 'select'. Por cierto, no necesitas jquery, grapesjs bajo el capó usa cash (que tiene una API similar a jquery), así que puedes hacer: 'this.$el.html('...');' También hay un método para conseguir el recipiente de los niños 'esto.conejaNiños().estilo....'

Componente hijo no seleccionable al usar vista personalizada

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Clases de viento a cola

Tabla <thead> y <tbody> etiqueta se omiten

Unidad por defecto de vista deslizante de propiedades

Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework

Explorar categorías de plugins