Wie erstellt man einen eigenen Block aus Grapesjs-Komponenten?
Du solltest so etwas machen können: '''js ... Komponenten: [ { tagName: 'h1', components: 'Some <b>content</b>', }, '<style>....</style>' ] ```
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo, ich möchte benutzerdefinierte Blöcke aus Grapesjs-Komponenten haben.
Ich habe eine Lösung gefunden, wie man Komponenten hinzufĂŒgt: https://github.com/artf/grapesjs/issues/1334#issuecomment-411519845 Aber ich habe Schwierigkeiten, CSS hinzuzufĂŒgen (EAIHER als String oder als Objekt).
Antworten (4)
Du solltest so etwas machen können: '''js ... Komponenten: [ { tagName: 'h1', components: 'Some <b>content</b>', }, '<style>....</style>' ]
@artf danke, es funktioniert, aber ich habe dort einen Bug gefunden. Wenn du diesen Block auf die Leinwand legst, funktioniert es gut, aber wenn du dieses Element aus der Leinwand löschst oder die ganze Leinwand löschst und diesen Block dann zum zweiten Mal auf die Leinwand legst, verliert er CSS....
@makkaronis4e in so einem Fall wĂŒrde ich dich bitte um eine reproduzierbare Demo bitten
Danke, dass du das gemeldet hast, @makkaronis4e. Tolle Frage zu [FRAGE] Wie erstellt man einen benutzerdefinierten Block aus Grapesjs-Komponenten?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spe...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3688
Wie man eine Komponente individuell anpasst
Ich habe dieses Dokument https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gelesen und versucht, folgenden Cod...
Problem #3239
Wie aktualisiert man Attribute/Eigenschaften dynamisch aus dem Component Script?
Wir haben einen Anwendungsfall, bei dem wir Diagramme dynamisch mit Highcharts Editor einfĂŒgen möchten. Ich habe eine Komponente erstellt,...
Problem #6152
CSS, das ĂŒber benutzerdefinierten Code hinzugefĂŒgt wurde, bleibt bestehen, nachdem die benutzerdefinierte Codekomponente entfernt wurde
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Li...
Problem #3200
Benötigt Hilfe: Die Komponente bekommen, auf die ein Block fÀllt?
Hallo, Wenn ich einen Block per Drag & Drop auf eine dynamisch hinzugefĂŒgte Komponente ziehe, wie kann ich dann die Komponente erreichen od...
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.