GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Google Chrome Version 110.0.5481.100 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Beschreibe den Käfer Wie reproduziert man den Bug?In...
artf
Ja, es wird nicht erwartet, dass die Editor-Instanz sofort zerstört wird, wegen einiger deferred asynchroner Funktionen (z. B. für den StorageManager), aber das kann behoben werden. Für den Moment kannst du das Problem überwinden, indem du...
GJSBlock
Danke, dass du das gemeldet hast, @mani-rai. Gute Frage zum Zerstören und neu initialisieren ergibt "Kann die Eigenschaften von undefinierten (liest 'get')" nicht lesen. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisges...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 110.0.5481.100 (Offizielle Version) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Ich versuche, in React den Block Manager anzupassen, wie in diesem Beispiel Vue Block Manager, aber...
artf
@besart-k musst du eine reproduzierbare Demo bereitstellen, denn wenn sie mit dem aktuellen Vue-Demo-Beispiel funktioniert, sollte sie in React nicht anders sein. Vielleicht benutzt du eine alte Version von grapesjs oder machst etwas falsc...
GJSBlock
Danke, dass du das gemeldet hast, @besart-k. Tolle Frage, ob block:custom auf React nicht funktioniert. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome NeuesteReproduzierbarer Demo-Link https://codesandbox.io/s/interesting-bell-xntbtrBeschreibe den Käfer Wie reproduziert man den Bug?Gehe zur CodesandboxDrag & Drop benutzerdefinierten Code-Block.Fügen Sie...
artf
Dies geschieht aufgrund der button-Implementierung im forms plugin, die nur Textknoten als Kinder zulässt. Wenn du das Form-Plugin entfernst, kannst du das "Element" sehen <a>(wenn du möchtest, kannst du auch die Button-Komponente mit dein...
Handhikadj
Was ist also der Code für die "normale" Implementierung des Buttons? Übrigens, darf ich wissen, warum du den Button im Forms-Plugin so verhalten lässt?
artf
Wenn ich mich richtig erinnere, war der Hauptgrund für das Problem mit der Inline-Textbearbeitung mit Button-Elementen, also war dieser Ansatz der einfachste Weg, ein häufiges Problem zu beheben. Ich denke, die "normale" Implementierung wä...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Reproduzierbarer Demo-Link https://jsfiddle.net/jLgb0mv3/1/ Beschreibe den Käfer Wie reproduziert man den Bug?... Fügen Sie diesen Code in den Editor ein: editor.on('styleable:change', (model, property...
artf
Ich sehe das Problem nur bei den Eigenschaften des 'Composite'/'Stack' Style Managers, und das liegt daran, dass nicht jede Style-Manager-Eigenschaft Teil der Styles ist, sodass man in deinem Code nur prüfen müsste, ob der Wert des Styles...
GJSBlock
Danke, dass du das gemeldet hast, @clonefunnels. Tolle Frage zu Der hier bereitgestellte !wichtige Code unterbricht Hintergrundbild und Farbverlauf.. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 110.0.5481.78 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?GrapesJs mit npm oder CDN installieren und...
artf
Abschließend, da dies nicht mit dem Kern, sondern mit der Demo-Seite zusammenhängt, bitte erstellen Sie eine PR, wenn Sie diese Warnungen unterdrücken möchten
Geist
Das hängt mit der Kernseite zusammen, nicht mit der Demo-Seite, da ich die Demo-Seite zur Illustration verwendet habe
GJSBlock
Danke, dass du das gemeldet hast, @ghost. Tolle Frage zu *. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach der 'on...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Nicht browserbezogen Reproduzierbarer Demo-Link https://codesandbox.io/s/pensive-river-417grm?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug?Importiere Trauben-JS/SRC/i18n/locale/de.jsNutze d...
artf
Danke@c9a2334 möchtest du zu dieser Lösung beitragen?
GJSBlock
Danke, dass du das gemeldet hast, @c9a2334. Tolle Frage zu Fehlenden Lokalisierungsschlüsseln für de locale. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 109.0.5414.119 Reproduzierbarer Demo-Link Beschreibe den Käfer Wie reproduziert man den Bug?Ereignis-Listener zum Außenklick hinzufügenRuf die Destroy-Methode auf Was ist das erwartete Verhalten?Zerstör...
artf
Kannst du eine reproduzierbare Demo bereitstellen, da ich sie auf meiner Seite nicht reproduzieren kann?
GJSBlock
Danke, dass du das gemeldet hast, @maliuta-oleksandr. Gute Frage zum Aufrufen der Destroy-Methode zerstört den Editor (React-App). Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen S...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link Nein Beschreibe den Käfer Seit dem Wechsel von artf zu GrapesJS glaube ich, dass viele Links immer noch zum ursprünglichen Repository verlaufen https://github.com/GrapesJS/grape...
lexoyo
Ich habe eine persönliche Bestleistung gemacht, ich hoffe, ich habe nichts übersehen, ich musste fast jeden Link testen.
artf
Ich denke, manche Dinge leiten um, aber andere könnten kaputt sein. Ich würde mich über eine PR freuen, wenn jemand helfen möchte 🙏
GJSBlock
Danke, dass du das gemeldet hast, @lexoyo. Das Problem mit unterbrochenen Links in der Dokumentation scheint ein Rennzustands- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusere...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v108.0.5359.98 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapes-js-template-literal-forked-6kgvrb?file=/src/App.js Beschreibe den Käfer Ich versuche, eine benutzerdefinierte Komponente zu erst...
artf
Lies diesen Leitfaden sorgfältig durch, alles im 'Skript' liegt außerhalb des Bearbeitungsbereichs. Sie können die Komponente selbst aktualisieren, indem Sie die Methode component.components verwenden oder direkt in der Definition die 'com...
GJSBlock
Danke, dass du das gemeldet hast, @panditlakshya. Tolle Frage zu Grapesjs erkennt keine Komponententypen, wenn es innerHTML über Skript setzt.. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Übe...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome LatestReproduzierbarer Demo-Link https://jsfiddle.net/snj87o6f/1/Beschreibe den Käfer Kontext/Beschreibung Ich denke, das ist ein Bug, weil ich die Daten speichern und mit dem Editor wieder laden muss. Pa...
artf
Die Ausgabe ist korrekt (überprüfe die echte Konsole, nicht die defekte von jsfiddle) und lies diesen Abschnitt, du solltest dich niemals darauf verlassen, dass HTML/CSS das Projekt wieder lädt.
GJSBlock
Danke, dass du das gemeldet hast, @handhikadj. Toller Vorschlag, dass getHtml() eine ungültige Struktur erzeugt, wenn JS darin ist! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten,...