Bauteiltypen wie md:flex-row (Rückenwind) werden entfernt

Question

GrapesJS-Version[x] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 126.0.6478.127Reproduzierbarer Demo-Link https://jsfiddle.net/6m53pwy7/4/Beschreibe den Käfer Wie reproduziert man den Bug? Ich möchte Tailwind mit GrapesJS verwenden, aber dieses Framework verwendet Utility-First CSS Classes, um schnelle Layouts zu erstellen. Das Problem ist, dass es auch 'spezielle' Klassen verwendet, um Stilvarianten zu definieren, z.B.: hover:bg-blue oder md:w-...

artf · Accepted Answer

Du musst dem CSS richtig entkommen '''js .md\:p-18 { Polsterung: 4rem; } ```

GJS Helper · Answer

Es scheint, als hättest du eine bekannte Einschränkung oder einen Fehler im CSS-Parsing und Style-Management von GrapesJS gestoßen, wenn es um Selektoren mit entweichten Doppelpunkten ('\:') geht, die in Frameworks wie Tailwind CSS für responsive Varianten (z. B. 'md:flex-row') oder Pseudo-Klassen (z. B. 'hover:bg-black') üblich sind. Ursache des Bugs GrapesJS verwendet einen internen CSS-Parser (typischerweise 'css-tree') und einen Style Manager, um CSS-Regeln zu verarbeiten, zu speichern und...

Bauteiltypen wie md:flex-row (Rückenwind) werden entfernt

Frage

Antworten (2)

Verwandte Fragen und Antworten

Sector.setName funktioniert nicht

Eigenschaften werden nach Neuladen des Editors für benutzerdefinierte Komponente nicht angezeigt

Laden von 'component' und 'styles' aus 'pageManager'

Selector:Remove Ereignis existiert nicht

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien