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 grapes sie entfernen kann, wenn sie von einem Element im Canvas nicht genutzt werden. Ich baue ein benutzerdefiniertes Panel, das mit meinen CSS-Variablen (CSS-Custom-Eigenschaften) verknĂŒpft wird, um diese Klassen in grapeszu 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 in index.html und du siehst alle CSS. Wenn du auf Code anzeigen klickst, siehst du, dass der GroĂte...
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 #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 #3512
Kind-Elemente sind nicht ziehbar, fallen lassend, hervorhebbar. auĂerdem ist der CSS aller Kindelemente, die nicht im Stil gepusht werden, wĂ€hrend eine Banner-Komponente als Plugin entwickelt wird
Hallo @artf, Ich versuche, ein einfaches Banner-Plugin zu entwickeln, das eine Ăberschrift, eine UnterĂŒberschrift und einen Link enthĂ€lt. U...
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 #1483
Mach ein Bauteil, das nicht entfernt werden kann.
Hallo, Ist es möglich, eine Komponente, die nicht entfernt werden kann, zu entfernen oder ohne das Trache-Symbol zu entfernen, wenn es klic...
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
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
Tutorial
PageKit: Die GrapesJS Anwendung, die du sowieso bauen mĂŒsstest
Eine quellenbasierte Next.js -App rund um den Open-Source- GrapesJS Kern â Veröffentlichen, benutzerdefinierte Domains, Leads, Checkout und ein Plugin-Loader.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.