Duplizierte CSS während der Erstellung mehrerer Seiten

Question

GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Neueste Chrome-Meldung Reproduzierbarer Demo-Link https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug? ... Mehrere Seiten in grapesjs.initerstellen ()... Überprüfen Sie die Stile jeder Seite Was ist das erwartete Verhalten? jede Seite enthält ihren eigenen Stil, ohne das CSS anderer Seiten einzuschließen ... Wie ist das aktuelle Verhalten? d...

artf · Accepted Answer

Das ist beabsichtigt und ich habe nicht vor, dieses Verhalten zu ändern, da man leicht spezifische CSS-Selektoren erstellen kann, wenn man pro Seite unterschiedliche Stile benötigt. Der große Vorteil dieses Ansatzes ist, dass Selektoren seitenübergreifend wiederverwendet werden können.

hasan-aa · Answer

Ich glaube, ich habe ein Problem mit diesem Ansatz. Ich speichere die Seiten auf dem Server so: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(component,css) Die CSS-Regeln, die auf IDs abzielen, funktionieren einwandfrei, aber die Regeln für eine Klasse duplizieren sich, selbst wenn sie auf separaten Seiten geladen werden. Zum Beispiel steigt die # der CSS-Regeln für die Klasse '.gjs-row' nach jedem Save + Laden...

GJS Helper · Answer

Das Problem, das Sie mit dupliziertem CSS über mehrere Seiten in GrapesJS haben, ist ein häufiger Verwirrungspunkt darüber, wie GrapesJS Styles global innerhalb einer Editor-Instanz verwaltet. Standardmäßig akkumuliert GrapesJS's CssComposer (die Komponente, die für die Verwaltung aller CSS-Regeln zuständig ist) Styles. Wenn Sie mehrere Seiten mit ihren jeweiligen styles Eigenschaften initialisieren, werden diese Styles dem globalen CssComposer hinzugefügt und bleiben auf allen Seiten aktiv, wa...

Duplizierte CSS während der Erstellung mehrerer Seiten

Frage

Antworten (3)

Verwandte Fragen und Antworten

PropertyComposite mit Schieberegler für vier Seiten (L,R,T,B). Eine Änderung eines Schiebereglers führt dazu, dass andere Werte zurückgesetzt werden.

CSS, das über benutzerdefinierten Code hinzugefügt wurde, bleibt bestehen, nachdem die benutzerdefinierte Codekomponente entfernt wurde

TS2416: Die Eigenschaft '_up' im Typ 'PropertyStack' kann im Basistyp 'PropertyComposite' nicht derselben Eigenschaft zuweisen<PropertyStackProps>

SetStyle/getCss() produces duplicated css

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

Introducing Search on GJS.Market

Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt

Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?

Durchsuchen Sie Plugin-Kategorien