Bei zweiter Nutzung der Vorlage akzeptiert der Grapes-Editor kein CSS, das der Editor beim ersten Mal mit zufälligen IDs erstellt hat

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 111.0.5563.147 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link Ich kann auf jsfilddle nicht reproduzierbar sein. Ich habe unten Details angegeben. Beschreibe den Käfer Wie reproduziert man den Bug?Das ist meine Vorlage, die ich in Grapes hochgeladen habe, in der ich Inline-CSS in einem Style-Tag im Kopf sowie einen Inline-Style in Body-Tags habe https://jsfiddle.net/spir...

artf · Accepted Answer

@Spiral1234 wenn du das Problem nicht reproduzieren kannst, liegt es wahrscheinlich an deiner Seite, und ohne eine reproduzierbare Demo ist es schwer zu verstehen, was ein Problem sein könnte

GJS Helper · Answer

Das Problem, auf das du stößt, rührt daher, wie GrapesJS Styles, insbesondere Inline-Styles, beim Import von HTML verarbeitet und normalisiert. Lassen Sie uns die Ursache analysieren und den richtigen Ansatz vorschlagen. Ursachenerklärung Wenn GrapesJS HTML importiert, führt es einen entscheidenden Schritt zur Stilnormalisierung durch: Inline Style Lifting: Für Elemente mit 'style'-Attributen (inline CSS) "hebt" GrapesJS diese Styles aus dem HTML. Es entfernt das Attribut 'Style' aus dem Elemen...

Bei zweiter Nutzung der Vorlage akzeptiert der Grapes-Editor kein CSS, das der Editor beim ersten Mal mit zufälligen IDs erstellt hat

Frage

Antworten (2)

Verwandte Fragen und Antworten

Stilfähige Events hinzugefügt, sodass das Styling überschrieben und geöffnet werden kann

Kann background:none in der mobilen Version mit dem Styles-Panel nicht einstellen

ALTE VERSION BUG – Falls ich keine Hilfe bekomme, um die neueste Version zum Laufen zu bringen....

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.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien