Ids wird geändert, wenn man versucht, Komponenten auf der Canvas mit JSON einzustellen.
Hallo @shelendravashishtha2 kannst du bitte die genauen Schritte angeben (ich muss wissen, auf welches 'json' du dich beziehst)?
Lesen Sie die vollständige Antwort unten ↓Frage
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link Keine Verbindung Beschreibe den Käfer Wie reproduziert man den Bug?... Verwenden Sie ein Demo-JSON, das eine Komponente auf der Leinwand erzeugen kann, setzen Sie eine ID in den Attributen ... use editor.setComponents(json)... Set Style mit editor.setStyle()-Funktion für dasselbe id-Element verwendet Was ist das erwartete Verhalten? ... ID sollte beim Rendern auf der Leinwand nicht geändert werden Wie ist das aktuelle Verhalten? ... IDs werden geänder...
Antworten (4)
Hallo @shelendravashishtha2 kannst du bitte die genauen Schritte angeben (ich muss wissen, auf welches 'json' du dich beziehst)?
Ich habe gesehen, dass das passiert, wenn man keine Referenz auf das CSS speichert, bevor man die Methode editor.setComponents() verwendet Das gesamte CSS-Markeup aus dem Elements-ID-Selektor/Referenz wird entfernt, wenn die Methode editor.setComponents() verwendet wird Die genauen Schritte, die ic...
Ich glaube, ich habe das Problem auf meiner Seite mit editor.getComponents().toJSON() gefunden; fügt ein leeres "style":""-Feld zu einigen Komponenten hinzu, was dort CSS löscht ie "Komponenten": [ { "Typ": "Box", "Stil": "", "Attribute": { "id": "ic7c" } }, { "Typ": "Box", "Stil": "", "Attribute":...
Danke, dass du das gemeldet hast, @shelendravashishtha2. Gute Frage zu IDs werden geändert, wenn man versucht, Komponenten auf der Leinwand mit JSON zu setzen. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #5229
Textnode mit Inhalt "null" wird als "null" dargestellt, nicht als Weißraum
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 114.0.5735.199 (...
Problem #4435
Seitenmanager
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome neueste VersionReproduzi...
Problem #3975
Hintergrundbild beginnt sich auf allen Seiten zu duplizieren, wenn wir nur für eine Seite hinzufügen
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v9Reproduzierbarer Demo-...
Problem #5372
Kann keine benutzerdefinierte AtRule hinzufügen (@container, @font-Face)
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Windows, Chrome, React Reprod...
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.