Wie kann ich unkomprimierten JS-Code zum Bearbeiten bekommen?
Das 'Skript', das von Komponenten mit JS verwendet wird, basiert auf demselben Code aus deinem Quellcode. Wenn du zum Beispiel ein Plugin erstellst und es dann mit Webpack/Babel baust, wird die Komponente das Ergebnis aus dem Build ausdrucken. Ich denke, du könntest separate JS-Dateien fĂŒr deine 'Script'-Komponenten e...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo, danke, dass du mein Problem ĂŒberprĂŒft hast. Ich möchte meinen eigenen JSEditor verwenden, um htmlăcss und js zu bearbeiten. 1ăZuerst benutze ich 'getHtml', 'getCss', 'getJs', um den Code in meinem JSEditor anzuzeigen. Und ich habe festgestellt, dass der JS-Code komprimiert ist. Wie bekomme ich einen unkomprimierten Code? Ich benutze 'editor. CodeManager.getCode(model, 'js')' und es ist ebenfalls ein komprimiertes Modell. Ich habe den Quellcode gelesen und verstehe nicht, warum CodeManager einen unkomprimierten Code anzeigen kann. 2ăNoch ein Punkt ist: Wenn ich zum Beispiel den JS-Code...
Antworten (4)
Das 'Skript', das von Komponenten mit JS verwendet wird, basiert auf demselben Code aus deinem Quellcode. Wenn du zum Beispiel ein Plugin erstellst und es dann mit Webpack/Babel baust, wird die Komponente das Ergebnis aus dem Build ausdrucken. Ich denke, du könntest separate JS-Dateien fĂŒr deine 'S...
@artf Hallo, ich bin mir nicht sicher, ob du meine Frage verstehst. Ich möchte den JS-Code in meinem eigenen JS-Editor bearbeiten, zuerst setze ich den JS-Code aus deinem Editor mit 'getJs()', aber in deinem demo.html sieht es so aus: ! 1444126130 Diese Codes sind alle komprimiert. Ich möchte einen...
'autoBeautify' ist eine Option, die an CodeMirror weitergegeben wird, aber in jedem Fall könnte es den Code verschönern, aber nicht entkomprimieren, da der Code selbst so in der Komponente gespeichert wird
Danke, dass du das gemeldet hast, @xinnai. Tolle Frage zu Wie bekomme ich unkomprimierten JS-Code zum Bearbeiten?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on(...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
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 #3688
Wie man eine Komponente individuell anpasst
Ich habe dieses Dokument https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gelesen und versucht, folgenden Cod...
Problem #3631
Wie lĂ€dt man dynamische Inhalte in der endgĂŒltigen HTML-Datei?
Ich habe ĂŒberall gesucht, auch im Problembereich, und ein paar Dinge ausprobiert. Ich bin mir wirklich nicht sicher, wie ich immer dynamisc...
Problem #4455
'Panel-GerÀte' und 'Panel-Switcher' stehen im Widerspruch
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 103.0.5060.114...
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.