Kind-Komponente nicht auswÀhlbar, wenn man benutzerdefinierte Ansicht verwendet
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.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
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('<div class="container"></div>'); }, getChildrenSelector: function () { Return '.container'; }, }) Aber wenn ich Kindkomponenten hinzufĂŒge, sind sie nicht ĂŒber den Editor auswĂ€hlbar. Sie können nur ĂŒber das Ebenen-Panel ausgewĂ€hlt werden. Ich habe eine jsFiddle des Problems erstellt: https://jsfiddle.net/psco...
Antworten (3)
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.
@artf ich verstehe, wie man isComponent verwendet. Ich werde fromElement: false verwenden, daher ist es nicht erforderlich, wie ich grapesverwenden möchte. Ich möchte nicht, dass die zur Ansicht hinzugefĂŒgten Elemente ausgewĂ€hlt werden, ich möchte jedoch, dass verschachtelte Komponenten auswĂ€hlbar...
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 jque...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #460
Wenn die Ansicht der Komponente das HTML verÀndert, sind Textkomponenten nicht mehr bearbeitbar.
Ich versuche, eine eigene Komponente zu erstellen, die im Inhalt Lorem-Ipsum-Text enthÀlt, um sie zu bearbeiten, sobald sie auf der Leinwan...
Problem #1494
RĂŒckenwindklassen
Ich möchte Tailwind mit GrapesJS verwenden, aber dieses Framework verwendet Utility-First-CSS-Classes, um schnelle Layouts zu erstellen. Da...
Problem #1409
Komponenten-Drag-Ereignis
Ich möchte wissen, wie ich diese Komponente von dem Element, das gezogen und abgesetzt wird, auf die andere Komponente bekomme. Ich muss ei...
Problem #660
Elternfunktion auswÀhlen funktioniert nicht, wenn das Elternelement nicht auswÀhlbar ist
Hallo @artf, ich habe eine Frage zur Elternfunktion auswÀhlen. Kann das Elternelement nicht auswÀhlen, wenn das Elternelement nicht auswÀhl...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Super Tooltip fĂŒr GrapesJS â Version 0.1.5 veröffentlicht đ
Wir freuen uns, das Version 0.1.5 Update von Super Tooltip anzukĂŒndigen, unserem Floating-MenĂŒ- und Tooltip-Plugin fĂŒr GrapesJS
Tutorial
GrapesJS im Jahr 2026: Der vollstÀndige Leitfaden zum Open-Source-Web-Builder-Framework
Master GrapesJS im Jahr 2026. Architektur, Codebeispiele, React-Integration, Plugin-Entwicklung, Studio SDK und wie es im Vergleich zu anderen Projekten abschne
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.