Problem #1566💬 BeantwortetNov 8, 2018 geöffnetvon ThomasLaigneau0-Reaktionen

Standardstil fĂŒr benutzerdefinierte Blöcke

Kurze Antwortvon artf

Du kannst diese Klasse privat machen, um die Auswahl im Style Manager zu vermeiden, so stylst du die Komponente und nicht die Regel '''js const privateCls = ['.mdcblockheader']; editor.on('selector:add', (selector) => { wenn (privateCls.indexOf(selector.getFullName()) >= 0) { selector.set({private: 1}); } }); ```

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo, ich verwende GrapesJS als Page Builder auf einer Prestashop-Website. Die Idee ist, die Standard-Vorlage in der Datenbank mit benutzerdefinierten Blöcken zu setzen. Alles funktioniert einwandfrei, was den Store und die Last der Vorlage angeht. Mein Problem ist, dass ich nur benutzerdefinierte Blöcke verwenden möchte, die ich erstellt und dem BlockManager hinzugefĂŒgt habe, aber mit Standard-CSS. Ich kann CSS eintragen, aber wie setze ich standardmĂ€ĂŸig Medienabfragen fĂŒr diese Blöcke? Die Nutzer des Page Builders mĂŒssen nur die Blöcke ziehen, und diese sollten standardmĂ€ĂŸig responsiv sein...

Antworten (3)

artf‱ Nov 8, 2018

Du kannst diese Klasse privat machen, um die Auswahl im Style Manager zu vermeiden, so stylst du die Komponente und nicht die Regel '''js const privateCls = ['.mdcblockheader']; editor.on('selector:add', (selector) => { wenn (privateCls.indexOf(selector.getFullName()) >= 0) { selector.set({private:...

ThomasLaigneau‱ Nov 9, 2018

Gut gemacht, funktioniert super! Vielen Dank!

ThomasLaigneau‱ Nov 16, 2018

@artf Der Code funktioniert, aber ich habe gerade gesehen, dass ich die Select-Taste nicht mehr sehen kann, um den Hover-Status des Elements im Editor zu sehen... Es kommt zurĂŒck, wenn ich den Code entferne, den du mich hinzufĂŒgen ließst..

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.