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

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v111 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Beschreibe den Käfer Wie reproduziert man den Bug?Starte ein Projekt mit grapesjs mit ReactjsVerwenden Sie 'loadProjectData(data)' direkt nach dem Editor-Init Setzen Sie den Vorschaumodus über 'editor.onReady(() => { editor.runCommand("preview"); }); ' (oder eigentl...

Julia-Alberici · Accepted Answer

Zur Klarstellung: Das war eigentlich kein Bug, und ich konnte das erwartete Verhalten erreichen, indem ich 'editor.onReady(() => { editor.runCommand("preview"); }; ' mit 'editor.on('update', () => { editor.runCommand('preview'); }); `

GJS Helper · Answer

Das Problem, bei dem GrapesJS-Komponenten das Verhalten des Edit-Modus (wie Hover/Select-Stile) behalten, obwohl der Befehl 'Preview' nach 'loadProjectData()' ausgeführt wird, ist ein Zeitproblem im Zusammenhang mit asynchronen Operationen. Ursache Wenn Sie GrapesJS initialisieren und sofort 'editor.loadProjectData(data)' aufrufen, ist diese Operation asynchron. Der Aufruf 'editor.onReady()' wird ausgelöst, wenn die Editor-Instanz selbst vollständig initialisiert und bereit für die Interaktion...

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

Frage

Antworten (2)

Verwandte Fragen und Antworten

Die Editor Destroy-Methode wirft einen Fehler in React

Editor Freeze auf loadProjectData 0.21.7

0.18.3 Textbearbeitung wird nicht für Link- > Textkomponenten ausgelöst

This.on('change:attributes:type', this.handleTypeChange) unterstützen keinen Array-Typ

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien