Benutzerdefinierte React-Komponenten werden in ein Div eingewickelt

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Arc v1.61.1 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapesjs-react-components-n6sff Beschreibe den Käfer @artf Zunächst einmal vielen Dank für diese großartige Bibliothek. Ich habe versucht, benutzerdefinierte React-Komponenten innerhalb von grapesjs zu erstellen und bin auf diesen Sandbox-Link gestoßen, der von einem der zuvor gemeldeten Probleme im Zusammenhang mit der Rea...

artf · Accepted Answer

Ja, das ist aus Demo-Sicht zu erwarten. Du kannst mit dem Code experimentieren und deine Lösung finden, aber ich schließe das jetzt ab, da es kein Kernfehler ist.

GJS Helper · Answer

Das Verhalten, das du beobachtest, bei dem benutzerdefinierte React-Komponenten in eine zusätzliche 'Div' mit GrapesJS-spezifischen Attributen eingebettet werden, ist grundlegend dafür, wie GrapesJS Komponenten im DOM verwaltet. Dieses 'Div' ist im GrapesJS-Kontext kein "zusätzliches" Umschlag; es ist die GrapesJS-Komponente selbst. Ursachenerklärung GrapesJS-Komponentenstruktur: In GrapesJS wird jede Komponente in der Leinwand durch ein entsprechendes DOM-Element dargestellt. Standardmäßig ist...

Benutzerdefinierte React-Komponenten werden in ein Div eingewickelt

Frage

Antworten (2)

Verwandte Fragen und Antworten

Komponentenwerkzeuge verzerren sich, wenn der Editor vergrößert wird

Komponenten, die beim Klonen, Verschieben oder Hinzufügen verschwinden/nicht gerendert werden

Ereignishandler im Blick, nicht an die Komponente gebunden

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

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien