Problem #2363✓ GelöstOct 31, 2019 geöffnetvon CatalinCernea2-Reaktionen

Gibt es eine schnelle Möglichkeit, CSS-Klassen beim Export umzubenennen?

Kurze Antwortvon Devmohitagarwal2

HALLO @iColdoCatalin, Wir hatten dasselbe Problem und haben das überwunden, indem wir das CSS in Sandboxen gesetzt haben. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwendet. Schritte: Decke die cssString mit deiner benutzerdefinierten Klasse ein. Sag MyCustomClass.Führe sass.compile aus der obige...

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo,

da wir das generierte HTML und CSS exportieren und in eine separate Website integrieren wollen, ist es sehr wahrscheinlich, dass CSS-Klassen denselben Namen haben, was zu UI-Problemen führen könnte. Wir überlegen, sie nach dem Export umzubenennen und jeder Klasse ein Präfix hinzuzufügen, wissen aber nicht, wie wir das erreichen sollen oder ob es gut ist.

Hat jemand ähnliche Szenarien und wie habt ihr sie gelöst?

Antworten (3)

👍 Am hilfreichstenDevmohitagarwalNov 1, 2019

HALLO @iColdoCatalin, Wir hatten dasselbe Problem und haben das überwunden, indem wir das CSS in Sandboxen gesetzt haben. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwendet. Schritte: Decke die cssString mit deiner benutzerdefinierten Klasse ein. Sag MyCustomClass.Führe sass.c...

artfNov 2, 2019

Danke für den Vorschlag @devmohitagarwal als Vorgehensweise gar nicht schlecht. Jedenfalls würde ich es vorziehen, alle Diskussionen über das Namensabstand von CSS in den Export hier zu verschieben, daher würde ich dieses Thema schließen

CatalinCerneaNov 4, 2019

HALLO @iColdoCatalin,Wir hatten dasselbe Problem und haben das überwunden, indem wir das CSS in Sandboxen gesetzt haben. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwendet.Schritte:Schließen Sie die cssString mit Ihrer benutzerdefinierten Klasse ein. Sagen Sie MyCustomClass.Fü...

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.