GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 122.0.1 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug? Im offiziellen Demo: https://grapesjs.com/demo-mjml.htmlFüge der Leinwand eine...
artf
Wahrscheinlich hängt das mit dem MJML-Plugin zusammen, nicht mit dem Core, da ich es nicht reproduzieren kann (ich würde vorschlagen, ein Problem im zugehörigen Repository zu eröffnen).
GJSBlock
Danke, dass du das gemeldet hast, @codei20. Tolle Frage zum Rückgängigmachen funktioniert nicht beim Wählen von Hintergrund- oder Textfarben über den Farbwähler. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API....
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 121.0.6167.185 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link https://jsfiddle.net/ja50kzne/4/Beschreibe den Käfer Wie reproduziert man den Bug?Ich hatte eine Webseite aus einer früheren...
Mitcht
Ich habe das JSON ziemlich reduziert und festgestellt, dass möglicherweise ein ungültiges JSON als Ausgabe generiert wird? Es ist, als wäre die Einführung der entkommenen Doppelanführungszeichen etwas daneben. JSON.stringify und JSON.parse...
artf
Die Wurzelkomponente der Seite sollte ein 'Wrapper' sein, in deinem Fall ein 'Textnode' (z. B. das könnte vieles kaputtmachen), mit einem leeren 'tagName' (der Grund für '<>') und aus irgendeinem Grund 'content: "undefined"'(?) <img width=...
Mitcht
Das ist das, was aus Grapes 0.18.4 hervorging, daher wurde es von Trauben erzeugt. Ich würde erwarten, dass Inhalte "undefiniert" wären, Grapes ihn entweder entfernen oder ignorieren. Im Moment entziehe ich einfach die <> auf meiner Seite,...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom V121 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Gehe zur Seite graepesjs.com/demo, öffne die Konsole und benutze das globale Editor-Objekt...
JonathanRiche
musste zuerst visualEditor.stopCommand('sw-visibility' ausführen, ich bin mir nicht sicher, ob das der neue runCommand ist, der zuvor zum Umschalten verwendet wurde, während man Stop ausführen musste
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Ich habe das Verhalten von 'editor.runCommand('sw-visibility')' auf der neuesten GrapesJS-Demoseite ('https://grapesjs.com/demo.html') untersucht und festgestellt, dass der Befehl tatsächlich...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Wie reproduziert man den Bug?Tag <a> mit Link innerhalb der Tabellenzelle (td) einfügen.Geben Sie dem Tabellenfeld (TD) den...
artf
Liefere eine gültige, reproduzierbare Demo
GJS Helper
Das Problem, bei dem ein "<td>Element" sein Anzeigeverhalten ändert (es erscheint als "Tabellenzeile" oder "Tabellenkörper"), wenn "float: right" oder "float: left" angewendet wird, ist kein Bug, der speziell auf GrapesJS basiert. Stattdes...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc-Version 1.29.0 (46113)Reproduzierbarer Demo-Link https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioBeschreibe den Käfer Wie reproduziert man den Bug?Infinite-Canvas aktivierenMindestens zwei Komponenten z...
artf
Vermeiden Sie es, Infinite Canvas zu verwenden, da es nie dokumentiert und nicht einmal als Spielfilm fertiggestellt wurde.
GJS Helper
Das Problem, das Sie haben, wenn die GrapesJS Infinite Canvas ihre Höhe unendlich erhöht, wenn ein Element mit 'min-height: 100vh' vorhanden ist, ist ein bekanntes Interaktionsproblem zwischen CSS-Viewport-Einheiten ('vh') und dem dynamisc...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 121.0.6167.139 (Offizielle Version) (x86_64) Reproduzierbarer Demo-Link Keine. Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie benutzerdefinierte Rte hinzu und setzen Sie BreakpointsKlicke...
artf
Ich kann nur empfehlen, den Quellkartenpfad richtig zu überprüfen <img width="346" alt="Screenshot 2024-02-12 um 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> Zum Beispiel funkti...
GJS Helper
Es sieht so aus, als hättest du ein Problem, bei dem die Quellkarte für 'ComponentTextView' in den DevTools deines Browsers nicht geladen wird, obwohl die Quellkarte von 'RichTextEditorModule' anscheinend funktioniert. Dies ist ein häufige...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 120Reproduzierbarer Demo-Link https://jsfiddle.net/btmry08e/Beschreibe den Käfer Wie reproduziert man den Bug?Init einen Grapesjs-Editor mit diesem HTML: ''<div>'<!-- -->Hallo Welt</div>''' Was ist das er...
GJS Helper
Das Problem, bei dem ein HTML-Kommentar-Tag wie '<!-- -->' die Textbearbeitung in GrapesJS deaktiviert, ist ein bekanntes Verhalten, das sich darauf bezieht, wie Browser 'contenteditable' Elemente handhaben und wie die Texteditor-Komponent...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge 121.0.2277.83, Firefox 122 Reproduzierbarer Demo-Link https://jsfiddle.net/50mga1t7/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Erstellen Sie eine Werkzeugleiste-Aktion, um Text einzufügenEinen T...
artf
Das ist kein Bug, das Zusammenführen des aktuellen DOM mit Komponenten erfordert etwas mehr Aufwand. Es gibt bereits eine ähnliche API, die du verwenden oder nach eigenen Bedürfnissen neu implementieren kannst (mit Komponentendefinition st...
GJS Helper
Dies ist ein bekanntes Synchronisationsproblem zwischen dem aktiven ProseMirror-Editor (den GrapesJS für die Textbearbeitung verwendet) und dem GrapesJS-Komponentenmodell. Wenn du aktiv Text in einer Komponente bearbeitest, werden die Ände...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v91Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/WNgZzPEBeschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie ein Bild an die Leinwand an und schließen Sie das Bildmodal. (diese Kompone...
artf
Das Problem hier ist nicht 'Undomanager.remove', sondern das, was nachverfolgt wird. Wenn du das Bild vergrößerst, bearbeitest du nicht das 'Component' selbst, sondern das 'CssRule'-Objekt, deshalb funktioniert es nicht wie erwartet. Ich w...
GJS Helper
Das Problem, auf das du mit 'Editor' stößt. UndoManager.remove()' verhindert, dass das Entfernen einer Komponente rückgängig gemacht wird, liegt an einem Missverständnis darüber, wie der UndoManager in diesem speziellen Kontext funktionier...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 120.0.6099.225 Reproduzierbarer Demo-Link https://jsfiddle.net/wattnu/opmwfvjn/ Beschreibe den Käfer Wie reproduziert man den Bug?Öffne und spiele die GeigeZwei Komponenten sind auf der Leinwand...
artf
Danke @kla-ko, es gibt tatsächlich eine Logik, die verhindert, dass andere Komponenten während 'component:remove'-Events ausgewählt werden, und ich werde das für die nächste Version beheben, aber ich würde dir raten, zu einem anderen Event...
KLA-ko
Danke @artf. Das funktioniert wie ein Zauber! /
GJS Helper
Das Problem, bei dem 'editor.select()' im 'component:remove'-Handler nicht wie erwartet funktioniert, liegt am Timing des Ereignisses und am internen Komponentenlebenszyklus von GrapesJS. Das Ereignis 'component:remove' wird bevor der Komp...