Benutzerdefinierte Komponente kann in grapsJs/studio beim ersten Rendern nicht sichtbar sein

Question

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromReproduzierbarer Demo-Link https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsxBeschreibe den Käfer Ich kann meine benutzerdefinierte Komponente beim ersten Rendern meiner React-Anwendung nicht sehen; wenn ich versuche, sie im Blockbereich zu suchen, erscheint sie und nach der Suche ist sie im Blockbereich sichtbar.Verhaltenskodex[X] Ich verpflichte mich, den Verhaltensk...

artf · Accepted Answer

Verwende die Plugins, wenn du etwas auf GrapesJS-API-Ebene erweitern möchtest '''js <StudioEditor ref={editorRef} options={{ Plugins: [ editor => addCustomComponent(editor) ], // ... ```

MdShadabAhamad · Answer

Ich habe auch benutzerdefinierten Style-StyleManager hinzugefügt, aber es ist eine Anzeige leer, https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx

GJS Helper · Answer

Das Problem, das du hast, bei dem dein benutzerdefinierter Komponentenblock beim ersten Rendering nicht sichtbar ist, aber nach der Suche erscheint, ist ein häufiges Timing-Problem, das damit zusammenhängt, wie GrapesJS seine UI-Komponenten initialisiert, insbesondere den Block Manager, und wann deine benutzerdefinierten Blöcke registriert sind. Ursache In deinem StackBlitz-Beispiel registrierst du deine benutzerdefinierte Komponente ('my-component') und ihren entsprechenden Block ('my-block')...

Benutzerdefinierte Komponente kann in grapsJs/studio beim ersten Rendern nicht sichtbar sein

Frage

GrapesJS-Version

Welchen Browser benutzt du?

Reproduzierbarer Demo-Link

Beschreibe den Käfer

Verhaltenskodex

Antworten (3)

Verwandte Fragen und Antworten

Icons werden beim Laden innerhalb einer Angular-Anwendung nicht geladen

Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, während eine Komponente im Layer Manager Panel gezogen wird

Ich kann den Vorschaumodus im Editor init nicht einstellen, wenn ich loadProjectData() benutze.

Ziel :null beim Hinzufügen von Video

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien