Parse Styles zu einer Css-Saite
Nun, du solltest in der Lage sein, das CSS von jeder GrapesJS-Instanz mit 'editorInstance.getCss()' zu nehmen. Das generiert im Grunde das CSS aus dem 'styles'-JSON
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo @artf! '''javascript "Editor": { "css": "* { Box-GröĂe: Border-Box; } #wrapper{font-family:Helvetica, Arial Black, Serifenlos; color:#9500b3;}", "html": "<div id=\"iecr\">Hier deinen Text einfĂŒgen</div>", "Vermögenswerte": "[]", "Styles": "[{\"Selectors\":[\"#wrapper\"],\"style\":{\"font-family\":\"Helvetica,Arial Black, sans-serif\",\"color\":\"#9500b3\"}},]", "Komponenten": "[]" } } ``` Gibt es eine Möglichkeit, die Stile in einen CSS-String zu parsen? Das wĂ€re hilfreich in einem Szenario, in dem mehrere GrapesJs-Instanzen gespeichert sind und du das CSS auf allen aktualisieren möchte...
Antworten (2)
Nun, du solltest in der Lage sein, das CSS von jeder GrapesJS-Instanz mit 'editorInstance.getCss()' zu nehmen. Das generiert im Grunde das CSS aus dem 'styles'-JSON
Danke, dass du das gemeldet hast, @lacieri. Tolle Frage zu [FRAGE]: Parse Styles auf eine Css-Saite. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on()'-Ereignis-Li...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3131
Das EinfĂŒgen als klarer Text in die Textkomponente fĂŒgt <Schriftart /> Wrapper zum eingefĂŒgten Text hinzu
Version: 0.16.27 Kannst du den Fehler aus der Demo reproduzieren? [] Ja [X] Nein Was ist das erwartete Verhalten? FĂŒge als klaren Text (Tex...
Problem #3627
Ich versuche, die Seite zu duplizieren, aber die Stile werden wegen der IDs, Ănderungen auf -2,-3 am Ende, nicht angewendet.
'''javascript const duplicatePage = (Editor) => { let components = editor.getHtml(); let css = editor.getCss(); let newPage = Editor. Pages...
Problem #3347
Wie kann ich unkomprimierten JS-Code zum Bearbeiten bekommen?
Hallo, danke, dass du mein Problem ĂŒberprĂŒft hast. Ich möchte meinen eigenen JSEditor verwenden, um htmlăcss und js zu bearbeiten. 1ăZuerst...
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...
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.