Hallo, Zunächst einmal danke, dass du so ein großartiges JS-Framework beigesteuert hast. Ich bin ganz neu bei Trauben-SJS. Und GitHub auch. https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related Laut grapesjs Wiki lade ich JS-Links im Canvas als die oben genannten Codes und es funktioniert einwandfrei....
artf
Du warst fast da, :) '''js Leinwand: { Styles: ['https://...'] } ```
Ronaldaug
Vielen Dank, @artf, es funktioniert wie am Zauber.
Coder-Strange
Du musst beim Rendern separat einbauen, es kommt nicht in getHtml() oder Ähnlichem.
Wir möchten eine benutzerdefinierte Komponente definieren, die möglicherweise oder auch nicht in das HTML aufgenommen werden kann, aber wir wollen das Hinzufügen von mehr als einer dieser Komponente verbieten. Kann diese Einschränkung in GrapesJS angewendet werden?
artf
Nicht etwas Eingebautes, aber definitiv erreichbar durch die Nutzung der API von GrapesJS. Extrem einfach wäre es, einen Listener hinzuzufügen (z. B. 'change:changesCount'), deine Komponente zu durchsuchen und dann deine Logik anzuwenden '...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Wir möchten einige benutzerdefinierte Komponenten erstellen, deren Stil sich je nach CSS eines externen Themas ändert (es kann verschiedene Themen geben), und wir wollen, dass diese Stile während der Bearbeitung auf der Leinwand erscheinen.
Roytang
Bitte ignorieren Sie das. Am Ende habe ich den Link zum Stylesheet mit JavaScript in das iframe von Grapes' Canvas eingefügt Fügen Sie das externe Stylesheet ins Grapesjs-Fenster ein var iframes = Utilities_GetElementsByClass("gjs-frame",...
artf
Du kannst Skripte/Stile über die Canvas-Konfigurationsoption injizieren '''js const editor = grapesjs.init({ ... Leinwand: { Stile: ['https://...', '...'], Drehbücher: ['https://...'], } }); ```
Aufgrund https://github.com/artf/grapesjs/issues/436 kann ich mich nicht auf die Remote Load-Methode von StorageManager verlassen, um eine Vorlage von einem REST-Endpunkt zu laden, daher greife ich auf Alternativen wie 'editor.setComponents()' und 'editor.setStyle()' zurück (die innerhalb eines Befehls verwendet werde...
artf
Hallo @santiph, wenn das Problem 'onbeforeunload' ist, kannst du es mit 'noticeOnUnload' deaktivieren. '''js grapesjs.init({ ... noticeOnUnload: falsch }) ```
Santifh
Hallo @artf Ich muss den Nutzer konsequent vor nicht gespeicherten Änderungen warnen. Und überspringe sie, wenn nichts Neues zu speichern ist: Wenn eine neue leere Vorlage erstellt wird, direkt nach dem Speichern oder Laden einer Vorlage,...
Santifh
Ich könnte es vollständig mit Remote-Speicher testen: 'OnbeforeUnload' ist wie erwartet beim Schließen direkt nach dem Speichern deaktiviert. Leider wird es beim Schließen direkt nach dem Laden einer neuen Vorlage immer noch angezeigt. Nac...
Ich benutze jquery in meinem Projekt. Nach Version 0.12.8 funktioniert es nicht mehr mit jquery. Der Grundteil meiner webpack.config ist: Wenn ich versuche, einen Block fallen zu lassen, wirft er;ComponentsView.js:76 Uncaught TypeError: Kann die Eigenschaft 'length' von undefined nicht lesen bei child.addToCollection...
artf
Bekommst du denselben Fehler bei all deinen Blöcken? Selbst mit einem offiziellen Formular?
ateshuseyin
Rechts. Ich bekomme denselben Fehler mit allen Blöcken, die im mjml-Plugin definiert sind.
artf
Okay, ich würde gerne verstehen, ob es etwas mit jquery zu tun hat. Kannst du es ohne das MJML-Plugin reproduzieren? (neueste Version)
In meiner Maschine ist Trauben instabil. Im Allgemeinen wirft die erste Anfrage den Fehler unterhalb des Fehlers. Nach ein- oder zweimaliger Aktualisierung funktioniert es. Der Fehler existiert in allen Versionen, die ich verwendet habe.Uncaught TypeError: Kann die Eigenschaft 'componentTypes' von undefined nicht lese...
ateshuseyin
Ich habe das Problem gefunden. Eine meiner Chrome-Erweiterungen (ich glaube, es ist Backbone Inspector) verursacht das Problem. Das Problem kann geschlossen werden
ateshuseyin
Ein weiterer Fehler ist:components.js:169 Uncaught TypeError: Kann die Eigenschaft 'defaultTypes' von undefined nicht lesen bei child.renderKinder (components.js:169) bei child.render (components.js:212) bei child.addToCollection (Componen...
artf
Komisch, diese Probleme hatte ich nie, aber wenn du 'defaultTypes' in 'components.js' siehst, arbeitest du definitiv mit einer alten Version von grapesjs
Ich habe nur HTML importiert, aber ich kann den Text im HTML nicht ändern Ich kann nichts tippen oder Text entfernen '''js const editor = window.grapesjs.init({ storageManager: { Autoload: 0, }, Plugins: ['gjs-plugin-filestack'], pluginsOpts: { 'gjs-plugin-filestack': { Schlüssel: process.env.REACTAPPFILESTACKKEY, fil...
Geczy
Das ist das HTML, das ich benutze, https://pastebin.com/wNseLeqh liegt es daran, dass der Text nicht in '<p>' eingewickelt ist?
artf
Das passiert, weil die 'td'-Komponente nicht editierbar ist, daher wäre die einfachste Lösung, wie du sie bereits hast, sie in eine andere Komponente einzupacken. Andernfalls solltest du die TableCell erweitern
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich benutze ein benutzerdefiniertes Modul, um eine Vorlage mit einem solchen Service zu speichern/laden: Save ist ein anderes Modul und funktioniert einwandfrei. Das Problem liegt beim Load()-Aufruf. Aus irgendeinem Grund führt Grapes eine POST-Aktion auf 'localhost:8000/templates/5' aus und erhält so eine 405-Methode...
Santifh
Gelöst
suresh5
Hallo, kannst du mir die JSON teilen, wenn du die Vorlage zum Laden schickst?
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Vendor-Präfixe werden beim Aufruf setComponents abgeschnitten.
artf
Das liegt an dem Parser des Browsers, ich habe bereits die Möglichkeit hinzugefügt, einen benutzerdefinierten Parser in die Roadmap einzustellen.
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich habe das Git-Repository heruntergeladen, aber nur grapes.min.js gefunden. Ich möchte wirklich mehr in den Code eintauchen und besser verstehen, wie alle Dateien miteinander verknüpft sind, aber ich sehe die unverkleinte Version nirgends. Könnte mir jemand zeigen, wo es im Repository ist, oder falls nicht, könnte d...
ateshuseyin
Es gibt keine unverkleinte Version von Trauben. Ich denke, das ist eine Notwendigkeit. Bis @artf eine unverkleinerte Version hinzugefügt hast, schau dir das Projekt an und verknüpfe dann Grapesjs in dein Projekt. Siehe: https://docs.npmjs....
artf
Hallo @cindygao93, wenn du in den Code eintauchen willst, musst du nur den Ordner '/src' überprüfen
Z-VR
@artf '/src' ist ein guter Anfang, aber '''js const Editor = erfordern('Editor'); const PluginManager = requare('plugin_manager');