GrapesJS-Probleme

artf

Bitte folgen Sie der Themenvorlage, es gibt einen Grund, warum sie da ist...

GJS Helper

Das Problem "Ereignis funktioniert auch auf Komponentenmount" entsteht typischerweise aus einem Missverständnis darüber, wie Ereignis-Listener in JavaScript gebunden sind, insbesondere innerhalb eines Frameworks wie GrapesJS , das seinen e...

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 grapesgeneriert. Ich würde erwarten, dass grapes , wenn Inhalte "undefiniert" wären, entweder entfernt oder ignorieren würden. Fürs Erste entziehe ich die <> auf meiner Seit...

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...

mapsmarketing

Hallo @kishanp102, Ich habe versucht, das Problem mit den beschriebenen Schritten zu reproduzieren, aber sowohl der Text als auch die Hintergrundfarben werden angewendet (siehe Screenshot). <img width="318" alt="image" src="https://github....

kishanp102

Ziehe und lasse die Textkomponente fallen, wende dann die Schriftfarbe an und klicke wieder außen, klicke auf den Text und füge die Hintergrundfarbe hinzu, die nicht angewendet wird screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Ja, du hast recht@kishanp102 es keine neue Hintergrundfarbe aufbringt, nachdem du bereits eine gesetzt hast. Es ist definitiv ein Bug.

joukhar

Es war nur eine Akte '''scss @import "./editorvariables"; @import "./editorvendor"; @import "./editorfonts"; @import "./editoricons"; @import "./custom"; @import "./custom/main"; @import './loader'; ``` SCSS-Dateien sind organisierter und...

artf

@bgrand-ch, ich denke, was du erwähnst, lässt sich mit CSS-Variablen beheben. Ich habe auch darüber nachgedacht, ein neues kleines Modul für Theming einzuführen, das es ermöglicht, das Editor-Erscheinungsbild programmatisch zu aktualisiere...

joukhar

Wegen der Sass-Dateien, Variablen zu überschreiben, ist es sehr wichtig

artf

Hallo@padcom das ist ein erwartetes Verhalten, da die Last selbst den Zustand des Editors aktualisiert. Du kannst den Dirty Counter einfach direkt nach deinem manuellen Laden über 'editor.clearDirtyCount()' löschen.

padcom

Bitte beachten Sie, dass wenn Sie 'Autoload' aktivieren: und das Laden deaktivieren: Die Anzahl der Änderungen ist '0', obwohl das Ergebnis dasselbe ist – die Seite wird geladen. Da ich in meinem Projekt dringend die Seite zu einer bestimm...

padcom

Wie bitte? Meinst du das ernst, dass es das "erwartete" Verhalten ist? Hast du in einem anderen Editor gesehen, dass das Projekt beim Laden automatisch geändert und dann automatisch gespeichert wird? Das fällt mir schwer zu glauben.

GJS Helper

Das Problem, auf das Sie stoßen, ist, dass 'enableEditing' kein öffentlicher Befehl oder eine Methode ist, die dazu gedacht ist, den Rich Text Editor (RTE) in GrapesJS programmatisch auszulösen. Das RTE in GrapesJS wird in der Regel automa...

artf

Bitte vermeiden Sie es, Fehlerprobleme zu öffnen, ohne die Fehlervorlage zu befolgen. Du kannst eine neue Diskussion mit einer passenden Beschreibung oder Anwendungsfall beginnen, was du suchst.

GJS Helper

Der Fehler 'editor.getSelected().view.enableEditing() ist keine Funktion' tritt auf, weil die Methode 'enableEditing' keine öffentliche API ist, die direkt auf der 'ComponentView'-Instanz verfügbar ist (worauf sich 'editor.getSelected().vi...

yashvi2026

Wie man Enable Editing verwendet editor.getSelected().view.enableEditing(); Dies ergibt einen Fehler

GJS Helper

Das Problem "Editor ist undefiniert" beim Versuch, 'enableEditing' in der Browser-Konsole zu verwenden, zeigt an, dass die GrapesJS-Editor-Instanz im aktuellen Umfang deiner Konsole nicht zugänglich ist. Die Methode 'enableEditing' ist Tei...

artf

Bitte vermeiden Sie es, Fehlerprobleme zu verursachen, wenn Sie keinen reproduzierbaren Link haben

GJS Helper

Der Fehler "Namespace nicht gefunden" beim Installieren GrapesJS Plugins wie grapesjs-basic-blocks oder tui-image-editor in einer Angular-Anwendung weist typischerweise auf ein Problem hin, wie die Module importiert und initialisiert werde...