Benutzerdefinierte Komponentenstile werden nach dem Löschen und Wiederhinzufügen nicht mehr angewendet

Question

GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v143.0.7499.193 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/2l3887 Beschreibe den Käfer Wie reproduziert man den Bug? Öffne die Seite und lade den GrapesJS-Editor Wählen Sie die Zeilenkomponente aus und löschen Sie sie Klicke auf die Zeilenkomponente in der linken Seitenleiste, um eine Zeile zur Leinwand hinzuzufügen Was ist das erwartete Verhalten? Die neu hinzug...

mdmontesinos · Accepted Answer

Ich stehe vor einem ähnlichen Problem, bei dem die wiederhinzugefügte Komponente die korrekte Styles-Eigenschaft hat: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc68d" /> Aber wenn ich den "Code anzeigen"-Button benutze, wurde das CSS nicht injiziert, in meinem Fall sind sie nicht einmal im DOM. Die Komponente selbst funktioniert, denn als sie erstmals hinzugefügt wurde, waren die Styles tatsächlich eingefügt und funk...

artf · Answer

@mdmontesinos deine Verwendung nicht korrekt ist, müssen 'Stile' in der Komponentendefinition definiert werden, und es wird nicht erwartet, dass sich das ändert. Außerdem ist es falsch, IDs für die Komponentendefinition zu verwenden; wenn die Komponente wiederverwendet werden soll, wird die ID neu erstellt, man verlässt sich auf Klassen, besonders bei Stilen. Aber der Bericht von @shery scheint seriös zu sein; Es könnte ein Problem mit dem Caching der Stile geben.

mdmontesinos · Answer

@artf ich benutze eine ID, weil es in meinem Projekt immer eine einzelne Instanz dieser Komponente geben wird. Mein Anwendungsfall ist, dass eine Komponente extern als "Hintergrund" konzipiert und dann in Projekte importiert wird, die sie verwenden. Deshalb muss ich, wenn die externe Komponente aktualisiert wird, sie auch in meinem Projekt aktualisieren, weshalb ich versuche, sie neu zu erstellen, und es könnte sein, dass ihre Komponenten oder Stile geändert werden. Gibt es eine Möglichkeit, di...

Benutzerdefinierte Komponentenstile werden nach dem Löschen und Wiederhinzufügen nicht mehr angewendet

Frage

Antworten (4)

Verwandte Fragen und Antworten

Die benutzerdefinierte dynamische Liste friert nach dem Binden eines Arrays und dem Erweitern der Zeilen zur passenden Länge ein

Größenvergrößerbare Box verschwindet bei der Neuauswahl der Komponenten

Wenn du eine Komponente löschst, werden doppelte Klassen zwischen Komponenten gelöscht.

Textnode mit Inhalt "null" wird als "null" dargestellt, nicht als Weißraum

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien