HTML-Elemente-IDs werden auf verschiedenen Seiten, die in projectData geladen werden, erhöht
Hey @bgrand-ch, ich denke, eines Tages werden alle Grapesjs-Einheiten ein globales 'UID' haben, also würde ich langfristig erwarten, dass dieses Problem behoben 🤞 wird
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? Firefox 109 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Hallo, Mir ist aufgefallen, dass wenn ich mehrere Seiten im projectData lade, die denselben 'id' im HTML haben, grapes automatisch die 'id' auf jeder Seite erhöht, obwohl es sich um verschiedene Seiten handelt. Um dieses Problem zu demonstrieren, findest du unten einen Code, in dem I init grapesjs mit einem 'projectData' enthält, das zwei Seiten mit identischen IDs auf einigen HTML-Tags enthält....
Antworten (4)
Hey @bgrand-ch, ich denke, eines Tages werden alle Grapesjs-Einheiten ein globales 'UID' haben, also würde ich langfristig erwarten, dass dieses Problem behoben 🤞 wird
Zuerst wollte ich alle Seiten zusammen generieren, um für alle Seiten eine einzige CSS-Ausgabe zu haben. Aber jetzt probiere ich eine andere Lösung für die Stile aus.
Für das 'id'-Problem könnte es also eine Lösung sein, jede Seite separat zu generieren. Danke für die Idee.
Grapes, bestimmte Datenattribute (so etwas wie 'data-grapes-id') als eindeutige Identifikatoren zu verwenden, um die id für einige Frontend-Skripte frei zu lassen.
Mir gefällt diese Idee 💯
Danke, dass du das gemeldet hast, @quentin-bettoum. Das Problem, dass HTML-Elemente-IDs auf verschiedenen Seiten, die in projectData geladen werden, erhöht werden, scheint ein Rennbedingungs- oder Zustandsmanagement-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebensz...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #4848
Komponenteninhalte werden nach Inline-Bearbeitung auf leeren String gesetzt
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox v91.4.1 Reproduzierba...
Problem #5905
Komponenteneinstellungen können nicht erneut geöffnet werden, nachdem ich auf Komponente geklickt und dann auf Blöcke geklickt habe
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Opera 10.0.5130.23 | Linux Re...
Problem #5378
Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, während eine Komponente im Layer Manager Panel gezogen wird
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reprodu...
Problem #3794
RTE: Überlappender Text in der Grundtextkomponente, wenn Breite und Höhe 100 % der Leinwand ausmachen
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 93.0.4577.82 (Offizie...
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.