CSS werden entfernt, wenn das Projekt init ist
'grapesJS' arbeitet nicht direkt mit 'CSS', sondern parst es zuerst in ein 'CSSOM' und verwendet das im Editor, sodass eine Klasse nicht in der Code-Vorschau angezeigt wird, es sei denn, es gibt eine Komponente im Editor-Canvas, die sie verwendet. Deine Klassen werden dynamisch importiert, da sie im Editor-Canvas verw...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo, Ich versuche, Utility-Klassen in Grapes JS zu importieren. Mein Problem ist, dass Trauben sie entfernen, wenn sie nicht von einem Element auf der Leinwand verwendet werden. Ich baue ein benutzerdefiniertes Panel, das mit meinen CSS-Variablen (CSS-benutzerdefinierten Eigenschaften) verknĂŒpft wird, um diese Klassen in Grapes zu verwalten. Wie kann ich mein CSS importieren und alle Kurse behalten? Ich habe eine kleine Demo meines Problems erstellt https://codesandbox.io/s/musing-moore-1tswh?file=/index.js Geh index.html rein, und du wirst alle CSS sehen. Wenn du auf Code anzeigen klickst,...
Antworten (3)
'grapesJS' arbeitet nicht direkt mit 'CSS', sondern parst es zuerst in ein 'CSSOM' und verwendet das im Editor, sodass eine Klasse nicht in der Code-Vorschau angezeigt wird, es sei denn, es gibt eine Komponente im Editor-Canvas, die sie verwendet. Deine Klassen werden dynamisch importiert, da sie i...
Du könntest das Stylesheet wĂ€hrend des Init extern laden und es komplett aus dem index.html entfernen '''js Leinwand:{ Stile: [ 'Pfad/zu/Stylesheet' ] } ``` Du kannst auch die API-Referenz SelectorManager und CssComposer ĂŒberprĂŒfen
Danke @Ju99ernaut, weiĂt du, ob es eine Möglichkeit gibt, CSS hinzuzufĂŒgen, es im Canvas verfĂŒgbar zu machen und es auch im Export zu haben?
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3449
Das Wechseln der Seiten ruft immer wieder Leinwand-Stile und -Skripte auf
Hallo Ich integriere Page Manager in mein Projekt. Das Problem, das ich habe, ist, dass jedes Mal, wenn ich zwischen Seiten wechsle, CSS- u...
Problem #1072
Eine neue CSS-Regel kann nicht hinzugefĂŒgt werden, wenn ein Element, das sie verwendet, nicht im HTML vorhanden ist
HI, ich benutze die neueste Version und habe das Problem, wie im Titel beschrieben. Ich bearbeite HTML und CSS getrennt. Mir ist aufgefalle...
Problem #2842
Textschatten verschwindet beim Doppelklick
Hallo. Ich habe ein Problem, dass der Textschatten auf dem Textelement verschwindet, wenn ich auf das Element doppelklicke. Was soll ich tu...
Problem #914
Trauben können nicht mit neuem HTML neu gestartet werden
Das Aufrufen von 'init()' auf Grapes nach der Ănderung des HTMLs schlĂ€gt fehl. So etwas passiert bei One-Page-Apps. Ich denke, eine 'Destor...
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
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
How to integrate GrapesJS into an Astro app (complete guide 2026)
Embed GrapesJS in an Astro site: mount it in a client-side script, save content to an Astro API endpoint, and export clean HTML/CSS.
Tutorial
How to integrate GrapesJS into a Django app (complete guide 2026)
Embed GrapesJS in a Django project: render the editor in a template, persist content to a view with CSRF, store the project JSON, and export HTML/CSS.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.