Problem #3383💬 BeantwortetApr 2, 2021 geöffnetvon KieronWiltshire0-Reaktionen

Ist es möglich, den Stil im HTML einzubauen?

Kurze Antwortvon Ju99ernaut

Grapesjs unterstĂŒtzt keine Inlinecss, aber du kannst die gleiche Technik wie hier https://github.com/artf/grapesjs-preset-newsletter verwenden. Es verwendet das 'juice'-Paket, um HTML und CSS zusammenzufĂŒhren

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ich benutze derzeit grapesjs, um E-Mail-Vorlagen zu erstellen, aber wenn ich HTML importiere, mit dem <style> Tag bereits drin, teilt es HTML und CSS auf, bevor das gespeichert wird. Wenn das in meiner Backend-Datenbank gespeichert wird, gibt es kein oder <style> <link> kein Tag im HTML, stattdessen wird es separat gespeichert. Gibt es eine Möglichkeit, dies zu verhindern und eine einzelne kompilierte Version von beiden zu speichern, oder zumindest eine Möglichkeit, einen Style mit dem CSS zu injizieren, bevor man ihn an den Server sendet?

Antworten (4)

Ju99ernaut‱ Apr 3, 2021

Grapesjs unterstĂŒtzt keine Inlinecss, aber du kannst die gleiche Technik wie hier https://github.com/artf/grapesjs-preset-newsletter verwenden. Es verwendet das 'juice'-Paket, um HTML und CSS zusammenzufĂŒhren

artf‱ Apr 20, 2021

Ja, im Moment wird das Inline-CSS fĂŒr den CssComposer parsed und aus dem DOM entfernt. Dies ermöglicht es dem Editor, seine Stile zu bearbeiten.

Ronaldohoch‱ Jul 28, 2022

Eine Frage dazu.

Wie kann ckeditor bearbeiten, die Spanne mit Inline-Stilen zu platzieren und sie nach dem Schließen und Wiederöffnen derselben Vorlage behalten?

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @KieronWiltshire. Gute Frage zu Ist es möglich, den Stil ins HTML einzubauen?. 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()'...

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.