Ich versuche, LocalStorage in der reactjs-App zu implementieren, aber aus irgendeinem Grund wird die Daten nicht in LocalStorage gespeichert. '''javascript useEffect(() => { const templateComponent = JSON.parse( localStorage.getItem("gjs-components") ); console.log(templateComponent); const templateStyle = JSON.parse(...
artf
Der lokale StorageManager übernimmt die ganze Arbeit für dich, sodass du nicht all die manuellen Aufgaben erledigen musst, die du gerade machst. Lass also die storageManager-Option weg und entferne den Rest. ps. sei vorsichtig mit useEffec...
GJSBlock
Danke, dass du das gemeldet hast, @sanchit36. Tolle Frage zu [DRINGEND!! FRAGE]: Wie implementiert man LocalStorage im reactjs-Projekt?? . Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Üb...
Hallo! Ich weiß, dass dies ein hier gemeldeter Fehler #2029 ist, aber jetzt kann ich nicht von '0.15.10' auf die Version mit der Lösung aktualisieren. Kennst du einen Workaround für dieses Problem, wenn ich das Bauteil gerade einstelle? Ich benutze VueJS mit GrapesJS. So versuche ich, die Komponente einzustellen. 'thi...
artf
Nein, tut mir leid, kann bei so einer alten Version nicht helfen. Warum kannst du nicht aktualisieren??
GJSBlock
Danke, dass du das gemeldet hast, @ghost. Das Problem mit 0.15.10 - setAttribute - ist kein gültiger Attributname, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponent...
Hallo zusammen. Ich benutze dieses großartige Projekt für eine Produktions-App, die mit React.js geschrieben wurde, also habe ich es in meine App integriert. Alles funktioniert einwandfrei, aber ich habe ein Problem damit, dass ich die Editor-Daten bei jeder Änderung automatisch speichere. Betriebssystem: Windows 10 B...
artf
Danke @maxtsh für den Bericht, es gibt tatsächlich ein Problem mit diesen alten Blöcken aus dem Basis-Plugin, das den Speicherzähler kaputt macht. Ich werde die Lösung bald vorantreiben. Aktualisieren Sie vorerst als Hotfix diese Blöcke au...
GJSBlock
Danke, dass du das gemeldet hast, @maxtsh. Das Problem mit Autosave funktioniert teilweise und hört nach dem Einfügen des Textes auf zu funktionieren, scheint ein Problem mit dem Rennzustand oder dem Zustandsmanagement zu sein. Dies passie...
Wenn ich den Editor betrete und setComponents oder addComponents benutze, um Komponenten im Store hinzuzufügen, wird die erste Klasse des ersten Elements unerklärlicherweise zur Klasse eines bestimmten Elements hinzugefügt. Weiß jemand den Grund? Ich brauche Hilfe! ! ! ! Bild ! Bild
Sizhousama
@artf
artf
Dieser Kurs kommt von deiner App, daher könnte es tausende Gründe geben, wir können dir nicht nur durch zwei Screenshots helfen. Wenn du glaubst, dass es einen Fehler gibt, öffne das Problem korrekt (indem du der Vorlage folgst) und erstel...
GJSBlock
Danke, dass du das gemeldet hast, @sizhousama. Tolle Frage zu dem seltsamen Verhalten des Redakteurs!. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentatio...
Ich möchte eine benutzerdefinierte Komponente mit einer Eigenschaft erstellen, die durch spezifischen Code aktualisiert wird, aber ich möchte nicht, dass diese Eigenschaft als Eigenschaft sichtbar und aktualisiert werden kann; Angenommen, meine Eigenschaft heißt "ebTesto", ich habe eine Plugin-Funktion so geschrieben:...
ltenti-eventboost
Danke euch beiden!
Ju99ernaut
Ich glaube, es wird nicht gespeichert, da die Eigenschaft nicht vom Standard geändert wurde. Der Editor sollte in der Lage sein, die Eigenschaft direkt aus der Komponentendefinition wiederherzustellen.
Hallo zusammen, ich möchte Daten von Canvas in Redux Store speichern, und es funktioniert, aber nachdem ich die Seite neu geladen habe, setzt die Speicherlademethode meine Daten nicht auf Builder (Canvas), ich weiß nicht, was los ist, sag Bescheid, falls jemand Lösungen hat. Codebeispiel: '''js grapejs.init({ .../// s...
artf
Entfernen Sie dieses: 'const resultKey = key.slice(4);'. Du speicherst Daten mit dem Präfix, lädst sie aber ohne
GJSBlock
Danke, dass du das gemeldet hast, @vatte21. Tolle Frage zu Wie man einen benutzerdefinierten Speichermanager erstellt? Er setzt nach dem Neuladen der Seite keine gespeicherten Daten von Canvas ein. Der empfohlene Ansatz mit StyleManager is...
Also zunächst einmal vielen Dank @artf für dieses großartige Projekt. Ich habe eine Frage: Ist es möglich, das components-JSON auf der Serverseite (in einer Node.js Umgebung) einfach in HTML umzuwandeln? Wenn es möglich ist, kannst du mir einen Tipp geben, wie ich das erreichen kann? Auf Kundenseite ist es ziemlich un...
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
Anlumo
Ja, wenn du irgendwelche interaktiven Inhalte hast, würde das wahrscheinlich nicht funktionieren. Glücklicherweise ist das bei meiner Bewerbung nicht der Fall.
Ju99ernaut
Vielleicht könntest du Grapesjs serverseitig installieren (ähnlich wie clientseitig) und zum Rendern nutzen, sonst musst du den Renderer rückentwickeln. Eine weitere Alternative wäre, das generierte HTML ebenfalls in der Datenbank zu speic...
Hallo zusammen, Zunächst möchte ich meinen Dank für dieses großartige Werkzeug ausdrücken. Ich habe die Button-Komponente basierend auf der Textkomponente erweitert, sodass ich den Inhalt manuell bearbeiten kann, ohne Traits zu verwenden. Der Code für die erweiterte Button-Komponente lautet folgender: var comps = Edit...
artf
Es scheint, als würde Space das 'Klick'-Ereignis in Chrome auslösen. Die Lösung scheint darin zu bestehen, das PreventDefault beim 'Keypress' hinzuzufügen https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-...
GJSBlock
Danke, dass du das gemeldet hast, @christosapos. Gute Frage zu Kann keine Leerzeichen zum erweiterten Button-Component basierend auf dem Text-Component hinzufügen.. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuert...
Version: Neueste Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst Kannst du den Fehler aus der Demo reproduzieren?[X] Ja[ ] Nein Was ist das erwartete Verhalten? Eine Komponente mit leerem Körper sollte nicht mit Standard-Inhalten gefüllt werden. Wie ist das aktuelle Verhalten? Wenn...
artf
Du hast den Standard-'Inhalt' in der Komponentendefinition definiert, also verwendet eine leere Definition diesen als Standard. Verschieben Sie diesen 'Inhalt' einfach von der Komponentendefinition in den 'Absatz'-Block.
harsh201
@artf Kann man hier helfen?
harsh201
Danke @artf! Ich habe komplett vergessen, auf Blockebene hinzuzufügen.
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 unkomprimie...
artf
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 ausdruc...
xinnai
@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: ! 14...
artf
'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