GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v9.2 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Ich benutze es im Vue3-Projekt Wenn ich neue Komponenten hinzufügen möchte, hängt die Seite und antwortet nicht Das ist mein C...
gxanshu
Hallo! 😊 Ich glaube nicht, dass das ein Bug bei GrapesJS ist. Ich habe deinen Reproduktionslink überprüft und versucht, eine Komponente zur Leinwand hinzuzufügen, und bei mir funktionierte es einwandfrei ohne Probleme. 👍
artf
Man muss die Proxy-Beobachter von Vue umgehen https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160
GJS Helper
Das Problem, auf das Sie stoßen, bei dem die Seite beim programmatischen Hinzufügen neuer Komponenten hängen bleibt, resultiert aus einem falschen Ansatz zur Komponentenerstellung und -anbindung innerhalb von GrapesJS. Im Grunde versuchst...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Neueste Chrome-Meldung Reproduzierbarer Demo-Link https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug?... Erstelle mehrere Seiten in grapesjs.init().....
artf
Das ist beabsichtigt und ich habe nicht vor, dieses Verhalten zu ändern, da man leicht spezifische CSS-Selektoren erstellen kann, wenn man pro Seite unterschiedliche Stile benötigt. Der große Vorteil dieses Ansatzes ist, dass Selektoren se...
Hasan-aa
Ich glaube, ich habe ein Problem mit diesem Ansatz. Ich speichere die Seiten auf dem Server so: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(component,css)...
GJS Helper
Das Problem, das Sie mit dupliziertem CSS über mehrere Seiten in GrapesJS haben, ist ein häufiger Verwirrungspunkt im Zusammenhang damit, wie GrapesJS Styles global innerhalb einer Editor-Instanz verwaltet. Standardmäßig sammelt GrapesJSs...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v114 Reproduzierbarer Demo-Link https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Beschreibe den Käfer Wie reproduziert man den Bug?Gehe zur Blockliste und ziehe das benutzerdefinierte Komponenten-"Beispie...
artf
Danke @rmadeiraneto für den Bericht. Ja, leider ist das ein Problem, wenn du die Eigenschaften von Arrays/Objekten auf diese Weise modifizierst, und um das zu vermeiden, hast du zwei Optionen:Direkte Mutationen vermeiden (neue Referenzen z...
rmadeiraneto
@artf die Verwendung von Standardwerten als Funktion funktioniert, danke für die schnelle Antwort und die alternative Lösung für dieses Problem. Was den ersten Vorschlag angeht, denke ich, dass es nicht darum geht, dass Menschen das Objekt...
GJS Helper
Das von dir beschriebene Problem ist ein häufiger JavaScript-Fallstrick, der damit zusammenhängt, wie veränderbare Objekte (wie Arrays und Objekte) handhabt werden, wenn sie als Standardwerte zugewiesen werden. In GrapesJS werden bei der D...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 113.0.5672.126 (Build-offiziell) (64 Bit)Reproduzierbarer Demo-Link https://grapesjs.com/demo-newsletter-editor.htmlBeschreibe den Käfer Wie reproduziert man den Bug?Geh auf die Demo-Website: https://gra...
artf
Danke@acantepie bitte öffne das Problem im richtigen Repository, da dies kein Core-bezogenes Problem ist.
GJS Helper
Das Problem, auf das Sie stoßen, bei dem die Rich Text Editor (RTE)-Symbolleiste in GrapesJS ihren Zustand nicht korrekt aktualisiert (z. B. fette, kursive Buttons), wenn sie zwischen mehreren Textkomponenten wechselt, ist eine bekannte Sy...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codesandbox.io/s/adoring-margulis-873kdv Beschreibe den Käfer Kontext Die Move-Component-Methode funktioniert nicht wie erwartet. Dieser Code funktioniert nicht wie er...
Krishnaeverestengineering
Lösung für dieses Problem: https://github.com/GrapesJS/grapesjs/pull/5176
artf
Danke @krishnaeverestengineering, aber das ist tatsächlich das erwartete Verhalten, wenn man die Komponente innerhalb desselben Elternteils bewegt. Das liegt daran, dass das 'at' auch den Index der Komponente selbst berücksichtigen sollte....
Krishnaeverestengineering
Danke @krishnaeverestengineering aber das ist tatsächlich das erwartete Verhalten, wenn man die Komponente innerhalb desselben Elternteils bewegt. Das liegt daran, dass das 'at' auch den Index der Komponente selbst berücksichtigen sollte....
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 114.0.5735.110 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link 'https://grapejs.com' *EDIT: Diese Seite / Domain bedient Malware, im echten grapesjs.com Domain fehlt das "s"Beschreibe den Käfer Be...
Tomsleeter
Das ist intermittierend, ich bekomme jetzt wie erwartet grapejs.com Startseite
Tomsleeter
Okay, das war mein Fehler, ich habe die URL / Domain falsch eingegeben – das "s" fehlt in grapesjs.com. Der Besuch der URL grapejs.com ist eine gefälschte Adresse mit einer Menge Malware / Popups Ich glaube, die falsche Domain leitet auf g...
GJS Helper
Es sieht so aus, als seid ihr auf eine bösartige Website gestoßen, die einen häufigen Tippfehler in der GrapesJS-Domain ausnutzt. Danke, dass Sie diese entscheidende Beobachtung gemeldet haben. Ursache und Erklärung: Das von dir beschriebe...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 112.0.5615.137 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://jsfiddle.net/yhj6qa1u/6/ Beschreibe den Käfer Wie reproduziert man den Bug?Wähle eine Komponente aus und füge mit dem Styl...
artf
Hallo, @FaisalShaikhHA das ist ein erwartetes Verhalten, aber ich denke, die Dokumentation zu 'setRule' ist etwas irreführend. Die Regel wird tatsächlich aktualisiert (es wird keine neue mit demselben Selektor erstellt), aber die Stile wer...
FaisalShaikhHA
Danke @artf für die Klarstellung
GJS Helper
Das Verhalten, das du mit 'Editor' beobachtest. Css.setRule' ist kein Bug, sondern vielmehr die Art und Weise, wie die GrapesJS CSS Composer API für Regelupdates entwickelt wurde. Wenn du 'Redakteur' anrufst. Css.setRule(selector, styleObj...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? AlleReproduzierbarer Demo-Link KeineBeschreibe den Käfer Nach der Dokumentation zum Erstellen eines Plugins mit der Verwendung von typescript und der Verwendung der Funktion "usePlugin" zum Importieren des Plugi...
sneddobuilds
Ich habe dasselbe Problem.
GJS Helper
Der Fehler 'TypeError: g.usePlugin ist keine Funktion' in GrapesJS entsteht typischerweise aus einem Missverständnis darüber, wie Plugins registriert und geladen werden, wobei insbesondere das globale Bibliotheksobjekt 'grapesjs' mit einer...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 112.0.5615.49 (Offizielle Version) (x86_64) Reproduzierbarer Demo-Link https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Beschreibe den Käfer Ich brauche Hilfe bei etwas bezüglich der grapes.js. Ich habe...
Der Unterschied in den Standard-'Display'-Eigenschaften zwischen deinem GrapesJS-Projekt und der offiziellen Demo resultiert darin, dass CSS im GrapesJS-Canvas-iframe geladen wurde, nicht dadurch, dass GrapesJS selbst 'display: table' oder...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromeReproduzierbarer Demo-Link https://codepen.io/darrenbawag/pen/JjWBLrpBeschreibe den Käfer Wie reproduziert man den Bug?Öffne diesen Link https://codepen.io/darrenbawag/pen/JjWBLrp und versuche, mit diesem...
CaptSadaf
cc: @jcamejo @artf
artf
Diese Aktionen sind nur für das integrierte RTE verfügbar, wenn du es durch ein benutzerdefiniertes RTE wie CKEditor ersetzt, siehst du sie nicht. Du musst CKEditor selbst für deine benutzerdefinierte Logik verwenden.
GJS Helper
Das Problem, auf das Sie stoßen, resultiert aus einem grundlegenden Unterschied darin, wie GrapesJS' Standard-Rich Text Editor (RTE) und CKEditor Toolbar-Anpassungen handhaben. Wenn man 'grapesjs-plugin-ckeditor' aktiviert, ersetzt GrapesJ...