Globales CSS im Style Manager modifizieren

Question

Wir wollen Folgendes erreichen:Markiere unsere Block-HTML-Elemente mit einigen Klassen wie:Fügen Sie einige Stile hinzu, die CSS-Klassen definieren, wie:Mit dem GrapesJS-Style-Manager möchten wir die oben genannten CSS-Klassen ändern, damit wir eine "Container background color"-Einstellung haben, die die "background-color" der ".my-container"-Regel ändern kann Warum wollen wir das? Wir wollen eine Art "Theming" für die Seite verwenden, die der Nutzer ändern kann – wir wollen nicht, dass der Nut...

artf · Accepted Answer

wollen wir fast alles aus dem Style Manager entfernen Du kannst ändern, was im Style Manager angezeigt wird: https://grapesjs.com/docs/getting-started.html#style-manager Und es funktioniert basierend auf dem, was in der Leinwand ausgewählt wirdAngenommen, wir haben in diesen Einstellungen "Primärfarbe" und "Sekundärfarbe" – alle HTML-Elemente, die die "Primärfarbe" haben müssen, werden mit ... Klasse="Primärfarbe ... und andere werden als ... class="sekundäre Farbe" ..., der Benutzer geht zu de...

Amenk · Answer

Das ist sehr interessant! @varadero Hast du damit Erfolg und hast vielleicht etwas Code zum Teilen?

varadero · Answer

Das ist sehr interessant! @varadero Hast du damit Erfolg und hast vielleicht etwas Code zum Teilen?

Wir haben CSS bereitgestellt, wenn wir Grapesjs initialisieren. Das CSS wird woanders erstellt, nicht im Grapesjs-Builder.

Globales CSS im Style Manager modifizieren

Frage

Antworten (3)

Verwandte Fragen und Antworten

Blockmanager: Hinzufügen von benutzerdefinierten Klassen gjs-block-category / gjs-title DIVs

Klassenattribut nicht entfernt

Wenn wir ein Bild mit einer Klasse 'xyz' in Größe vergrößern, werden alle Elemente auf der Seite mit derselben Klasse ebenfalls verkleinert, weil der Editor CSS zu diesen Klassen hinzufügt.

Upgrade – wie aktualisiert man alte Vorlagen auf die neueste Version?

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien