Kind-Komponente nicht auswählbar, wenn man benutzerdefinierte Ansicht verwendet

Question

Ich versuche, eine benutzerdefinierte Komponente zu erstellen, die eine eigene Ansicht mit verschachteltem HTML erstellt. Ich möchte nicht, dass dieses HTML als Komponente gerendert wird, deshalb benutze ich (mit jQuery) view: defaultType.view.extend({ init: function () { $(this.el).html('

'); }, getChildrenSelector: function () { Return '.container'; }, }) Aber wenn ich Kindkomponenten hinzufüge, sind sie nicht über den Editor auswählbar. Sie können nur über das Ebe...

artf · Accepted Answer

Wenn du Elemente über View hinzufügst, kannst du sie nicht auswählen, nur Models können ausgewählt werden Lies diese Seite https://grapesjs.com/docs/modules/Components.html du auch neue Typen ohne 'isComponent' erstellst.

prestonkscott · Answer

@artf ich verstehe, wie man isComponent verwendet. Ich werde 'fromElement: false' verwenden, daher ist es nicht erforderlich, wie ich Trauben verwenden möchte. Ich möchte nicht, dass die zur Ansicht hinzugefügten Elemente ausgewählt werden, aber ich möchte, dass verschachtelte Komponenten auswählbar sind. Derzeit sind sie es nicht. Zum Beispiel, wenn ich dies als Komponentenansicht darstelle: Dann, dann ziehe ich eine Kind-Komponente auf der oben genannten Komponente. Ich möchte nicht, dass die...

artf · Answer

Okay, jetzt hab's ich verstanden. Der 'getChildrenContainer' sollte wie erwartet funktionieren, ich versuche einfach, diese 'Pointer-Events'-Sachen zu entfernen und das 'Hover' mehr wie 'auswählen' zu gestalten. Übrigens brauchst du kein jquery, grapesjs under the hood verwendet Cash (das eine jquery-ähnliche API hat), also kannst du folgendes tun: 'this.$el.html('...');' Es gibt auch eine Möglichkeit, den Kinderbehälter zu bekommen 'this.getChildrenContainer().style....'

Kind-Komponente nicht auswählbar, wenn man benutzerdefinierte Ansicht verwendet

Frage

Antworten (3)

Verwandte Fragen und Antworten

Wenn die Ansicht der Komponente das HTML verändert, sind Textkomponenten nicht mehr bearbeitbar.

Rückenwindklassen

Komponenten-Drag-Ereignis

Elternfunktion auswählen funktioniert nicht, wenn das Elternelement nicht auswählbar ist

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien