Mach die gesamte Leinwand zu einem Vue-/React-Element
Danke @noogen für deine ausführliche Antwort. Ja, ich denke, du hast Recht und bleib bei Komponenten – ich bin mir nicht sicher, ob das ToHtml die richtige Lösung für mich ist oder nicht, weil ich nicht zwei Systemtypen verwalten möchte, die im Editor korrekt rendern und einen in der Produktion mit den Tags. Ich lade...
Lesen Sie die vollständige Antwort unten ↓Frage
Hallo zusammen, Eher eine allgemeine Frage, ob es jemand geschafft hat, die gesamte Leinwand (oder tatsächlich den Wrapper) zu einem Vue-Element zu machen, das heißt, man könnte ein benutzerdefiniertes Div wie '<timer></timer>' ziehen und es wird korrekt gerendert? Ich habe das versucht, ich habe den Wrapper zum Vue-Element (el) gemacht, und es hat beim 'Importieren' von HTML-Code funktioniert, aber es verhindert, dass das Drag-and-Drop-System funktioniert, vermutlich weil es jetzt ein virtuelles DOM ist. Ich habe diesen Beitrag gesehen: https://github.com/artf/grapesjs/issues/275 aber es gin...
Antworten (2)
Danke @noogen für deine ausführliche Antwort. Ja, ich denke, du hast Recht und bleib bei Komponenten – ich bin mir nicht sicher, ob das ToHtml die richtige Lösung für mich ist oder nicht, weil ich nicht zwei Systemtypen verwalten möchte, die im Editor korrekt rendern und einen in der Produktion mit...
Meine Antwort ist, am besten bei benutzerdefinierten Skripten zu bleiben. Ich habe hier benutzerdefinierte Komponenten mit Lodash-Vorlage erstellt: https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2. Ein String wird von der 'toHtml'-Methode erwartet – https://github.c...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2626
Bewegen Sie die Komponente nach oben oder unten über den Panel-Knopf
Hallo, ich überlege, eine Funktion zu erstellen, die Komponenten auf der Leinwand nach oben oder unten bewegt, wenn ein Knopf gedrückt wird...
Problem #3541
Was ist die idiomatische Methode, Klassen aus Komponenten hinzuzufügen und zu entfernen?
Hallo zusammen 👋 Ich liebe den Editor! Wir verwenden Traits, um die Klassen einer Komponente anzupassen, aber das wirkt etwas abgehackt, d...
Problem #3326
Canvas Style CSS
Hallo Leute, statt so im Init zu stylen... Es ist möglich, eine SCSS-Datei in Canvas zu verwenden? Leinwand { style:['FILE. SCSS'] } Oder e...
Problem #3177
FRAGE/FUNKTIONSANFRAGE: Änderung ausgewählter Komponenten Tooltip
Gibt es eine Möglichkeit über die API, den ausgewählten Komponenten-Tooltip zu ändern, oder ist das etwas, das nur durch Bearbeitung des Qu...
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 →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.