Problem #2691✓ GelöstMar 31, 2020 geöffnetvon sathyanarayananaCES8-Reaktionen

Verlust der Komponenteninformationen beim Speichern des Codes im Code Editor

Kurze Antwortvon Pouyamiralayi3

@jenter #1331 Kommentar und #2644 Kommentar sind gute Beispiele. Schau dir auch #2664 Kommentar an, das ist eine Falle, die man vermeiden sollte! Prost!

Lesen Sie die vollständige Antwort unten ↓

Frage

Ich habe die Code-Edit-Option im Web-Builder integriert.Verwendung von 'editor.getHtml()', um den aktuellen HTML-Inhalt abzurufen und ihn im Code-Editor auszufüllenWährend ich den Code aus dem Code-Editor speichere, verwende ich 'editor.setComponents()', um die bearbeiteten Inhalte auf die Builder-Canvas zu setzen. ProblemeBeim Speichern des HTML aus dem Code-Editor verliert es alle alten komponentenbezogenen Informationen und fungiert als neue Komponente mit Standardwerten in den Eigenschaften. 'data-gjs-type' wird standardmäßig und erkennt die benutzerdefinierten Komponenten nicht. Analyse...

Antworten (3)

👍 Am hilfreichstenPouyamiralayiApr 1, 2020

@jenter #1331 Kommentar und #2644 Kommentar sind gute Beispiele. Schau dir auch #2664 Kommentar an, das ist eine Falle, die man vermeiden sollte! Prost!

NoogenApr 5, 2020

@sathyanarayananaCES Erstens, um andere zu bestätigen, dass es am besten ist, 'get/setComponents' und 'get/setStyle' zu verwenden, um den Inhalt des Editors zu speichern. Wenn ich deine Verwendung richtig verstehe, möchtest du HTML für 'htmlCodeEditor' und kannst nach der Benutzerbearbeitung wieder...

PouyamiralayiMar 31, 2020

Hallo @sathyanarayananaCES Sie müssen ''editor.getComponents'' und ''editor.getStyle'' aufrufen, um die Details der Komponenten abzurufen; Dann können Sie in den gespeicherten Zustand zurückkehren, indem Sie "editor.setComponents" und "editor.setStyle" aufrufen, mit dem Ergebnis der oben genannten...

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.