Editor Freeze auf loadProjectData 0.21.7
Hallo, ich bin auf dasselbe Problem gestoßen, als ich Vue 3 benutze und einen Vue-'Ref' verwendet habe, um den Editor zu speichern. Ich bin mir aber nicht sicher, ob das eine gute Idee ist. Eine Code-Reproduktion wäre ungefähr so: Lösung: Benutze keinen 'Ref' 😅
Lesen Sie die vollständige Antwort unten ↓Frage
GrapesJS-Version
- Ich bestätige, die neueste Version von GrapesJS zu verwenden
Welchen Browser benutzt du?
Chrome 117.0
Reproduzierbarer Demo-Link
localhost
Beschreibe den Käfer
grapesjs": "^0.21.7",
editor.loadProjectData({ "Vermögenswerte": [], "Stile": [], "Seiten": [{ "component": "<div>TEST TEST TEST TEST"</div> }] })
Editor Freeze
Verhaltenskodex
- Ich verpflichte mich, den Verhaltenskodex dieses Projekts einzuhalten
Antworten (4)
Hallo, ich bin auf dasselbe Problem gestoßen, als ich Vue 3 benutze und einen Vue-'Ref' verwendet habe, um den Editor zu speichern. Ich bin mir aber nicht sicher, ob das eine gute Idee ist. Eine Code-Reproduktion wäre ungefähr so: Lösung: Benutze keinen 'Ref' 😅
Kannst du eine reproduzierbare Demo anbieten? Ich habe dein Beispiel ausprobiert und sehe kein Einfrieren....
Habe es mit der neuesten Version 21.7 versucht Ich versuche, es online zu stellen, aber ich habe gerade HTML aus einem benutzerdefinierten Befehl eingefügt, der Quellcode ist eingefügt, aber danach friert der Editor ein (ich muss die Seite schließen). Zum Beispiel ~~~ btnImp.onclick = () => { edito...
Dass der Editor beim Aufrufen von 'editor.loadProjectData' mit der von dir bereitgestellten Struktur einfriert, ist ein bekanntes Problem, das durch ein falsches Datenformat für Seiten verursacht wird. GrapesJS erwartet eine spezifische Struktur für seine Projektdaten, insbesondere in Bezug darauf,...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #5019
Ich kann den Vorschaumodus im Editor init nicht einstellen, wenn ich loadProjectData() benutze.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v111 Reproduzierbarer...
Problem #5263
Wenn man eine Komponente löscht, ohne den entsprechenden Stil zu löschen, führt das spätere Hinzufügen neuer Komponenten zu Stilkonflikten?
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Re...
Problem #4792
Drag & Drop ist in 20.2 kaputt
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v108Reproduzierbarer Dem...
Problem #4191
Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehängt
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.5 Reproduzie...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.