Wie man Trauben standardmäßig lädt, Vorschau

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Aktuelles Reproduzierbarer Demo-Link https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx Beschreibe den Käfer Wie reproduziert man den Bug?...... Was ist das erwartete Verhalten? ... Wie ist das aktuelle Verhalten? ... Wenn es notwendig ist, einen Code auszuführen, um den Fehler zu reproduzieren, fügen Sie ihn unten hier ein: '''js Hier dein Code ```Verhaltens...

Danstarns · Accepted Answer

Hallo, @sridharK64 danke für Ihren Bericht, können Sie Ihr Problem bitte näher erläutern? Da wir nur haben:

'Wie man Grapesjs standardmäßig lädt'
Dein Stack-Blitz

Könnten Sie uns sagen, was Sie erreichen möchten?

artf · Answer

@sridharK64 ich verstehe, was du meinst, aber versuche beim nächsten Mal, das etwas genauer zu erklären. Um die Vorschau beim Laden auszulösen, reicht das aus '''js editor.onReady(() => { editor.runCommand('core:preview') }); ``` Aber in deinem Beispiel verwendest du '@grapesjs/React' mit einer komplett benutzerdefinierten Benutzeroberfläche, was bedeutet, dass du deine eigene Umsetzung implementieren musst, wie die Vorschau mit deinen React-Komponenten handhabt.

GJS Helper · Answer

Um GrapesJS standardmäßig im Vorschaumodus zu laden, musst du den Editor initialisieren und dann den eingebauten Befehl 'core:preview' ausführen. Dieser Befehl schaltet den Zustand des Editors zwischen Bearbeiten und Vorschau um, verbirgt effektiv die Benutzeroberfläche des Editors und zeigt nur den gerenderten Inhalt an. Der zuverlässigste Weg, dies beim Laden zu erreichen, ist, auf das 'Load'-Ereignis zu hören, das ausgelöst wird, wenn der GrapesJS-Editor vollständig initialisiert und bereit...

Wie man Trauben standardmäßig lädt, Vorschau

Frage

Antworten (3)

Verwandte Fragen und Antworten

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

React Custom UI 'Modal' Kann 'Code' nicht anzeigen

Icons werden beim Laden innerhalb einer Angular-Anwendung nicht geladen

GrapesJS v0.21.5 funktioniert nicht in NodeJS (headless)

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien