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 #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 #5263
Wenn man eine Komponente löscht, ohne den entsprechenden Stil zu löschen, fĂŒhrt das spĂ€tere HinzufĂŒgen neuer Komponenten zu Stilkonflikten?
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Re...
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.