Stored components with script can not be rendered properly
Danke @artf! SchlieĂlich konnte ich es herausfinden, wie es war Die Probleme lagen in 'tagVarStart' und 'tagVarEnd'. Nachdem ich es kommentiert habe, fĂ€ngt es an zu funktionieren
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich habe ein Problem, wenn ich versuche, einige Komponenten, einschlieĂlich einiger Skripte, zu speichern und die Seite neu zu laden, werden die Komponenten nicht richtig gerendert. Es werden leere Boxen angezeigt. Beispiel: Wenn ich versuche, eine Chart-Komponente aus 'jvas28/grapesjs-echarts' zu speichern und die Seite neu zu laden, bekomme ich Folgendes <img width="1438" alt="Screenshot 2021-08-18 um 16:20:43 Uhr" src="https://user-images.githubusercontent.com/8138036/129891078-2191094d-d735-4178-9859-588f774120b6.png"> Hier ist die Beispiel-App https://codesandbox.io/s/cranky-wescoff-93px...
Antworten (3)
Danke @artf! SchlieĂlich konnte ich es herausfinden, wie es war Die Probleme lagen in 'tagVarStart' und 'tagVarEnd'. Nachdem ich es kommentiert habe, fĂ€ngt es an zu funktionieren
return grapesjs.init({
tagVarStart: '{{ ',
tagVarEnd: ' }}',
.
.
});
Hey @shkhalid danke fĂŒr den Bericht, aber in diesem Repository solltest du reproduzierbare Probleme ohne externe Plugins öffnen, da es am Plugin selbst liegen könnte. Zumindest sehe ich, soweit ich das ĂŒber den Kern beurteilen kann, keine Probleme in Components mit JS (sofern es korrekt umgesetzt i...
Danke, dass du das gemeldet hast, @shkhalid. Gute Frage zu gespeicherten Komponenten mit Skript können nicht richtig gerendert werden. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul S...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3631
How to load dynamic content in the final HTML file?
Ich habe ĂŒberall gesucht, auch im Problembereich, und ein paar Dinge ausprobiert. Ich bin mir wirklich nicht sicher, wie ich immer dynamisc...
Problem #3116
Wie man CSS lÀdt, das im Code-Viewer angezeigt und auch beim Speichern exportiert werden kann
Hi :wave: Ich versuche, etwas CSS im Editor als Teil des Themas zu laden, ich kann Stylesheets beim Laden verknĂŒpfen, aber das Problem ist,...
Problem #3174
Das Erstellen eines neuen Komponententyps erbt nicht die Funktionen seines ĂŒbergeordneten Typs
Hallo, ich versuche, ein neues gemeinsames Merkmal zu erstellen, das alle Komponenten teilen, indem ich das folgende Plugin erstelle In ein...
Problem #3316
The editor does not remove the dead script blocks
Version: 0.16.34 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x ] Nein Soweit ich weiĂ, ĂŒberspringt der Codeimport-Dialog alle...
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Tutorial
Claude Skill fĂŒr GrapesJS: Wie KI die Art und Weise verĂ€ndert, wie wir visuelle Editoren bauen
Wir haben die Claude Skill fĂŒr GrapesJS Development veröffentlicht â eine kostenlose, Open-Source-FĂ€higkeit, die Claude zu einem Entwickler macht, der GrapesJS
Tutorial
Entwicklung einer KI-unterstĂŒtzten Dokumenten-Engine mit Next.js, GrapesJS und dem KI-SDK
Transformieren Sie Ihren statischen Template-Editor in einen intelligenten, generativen Design-Workspace mit Vercel AI SDK, KI Elements und Next.js.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.