GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? n/a Reproduzierbarer Demo-Link n/a Beschreibe den Käfer Wie reproduziert man den Bug?. Geh zu https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1839.. Geh zu https://github.com/a...
artf
Die erste ist die Komponentenmethode, die zweite die Blockeigenschaft (hier verwendet)
Vaneatka
Der Grund, warum ich diese Ausgabe eröffnet habe, ist, dass die Methode nicht sichtbar ist. Vielleicht besteht ein neuer Eintrag für die Methodendeklaration in den Typen? wie zum Beispiel für die SetId /*Setze eine neue ID auf der Komponen...
GJSBlock
Danke, dass du das gemeldet hast, @vaneatka. Gute Frage zu resetId Types Mismatch. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Mutige letzte Version Reproduzierbarer Demo-Link https://jsfiddle.net/qsd9zjrc/ Beschreibe den Käfer Wie reproduziert man den Bug?Öffnen Sie den Link (https://jsfiddle.net/qsd9zjrc/)Versuche, die Textfarbe zu...
GJSBlock
Danke, dass du das gemeldet hast, @ronaldohoch. Tolle Frage zu Seltsamem Verhalten beim Versuch, die Farbe von Buttons und Texten zu ändern. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an:...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? für die Frage irrelevant Reproduzierbarer Demo-Link https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Beschreibe den Käfer Hey, anstatt für so eine kleine Änderung eine Pull Request zu erstell...
artf
Das 'Skript' steht direkt oben ! ccc ps: Du kannst Diskussionen nutzen, wenn du keinen Fehler meldest
GJSBlock
Danke, dass du das gemeldet hast, @bit-ocean. Das Problem mit Einem Fehler bei der Skript-Teilung auf der Dokumentationsseite "Commponent & JS". scheint ein Problem mit dem Rennbedingungen oder dem State-Management-Timing zu sein. Dies pas...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 104.0.5112.101 Reproduzierbarer Demo-Link https://jsfiddle.net/7cLr0xt2/3/Beschreibe den Käfer Wie reproduziert man den Bug? Aus irgendeinem Grund kann ich den Fehler in der oben verlinkten Fiddle nicht r...
artf
RTE verlässt sich während der Bearbeitung auf den DOM-Inhalt, also wenn du ihn absichtlich mit etwas wie etwas wie Bearbeitung entfernst, also wenn du ihn absichtlich entfernst '''js onRender() { this.el.innerHTML = this.model.get("display...
Benryanwilliams
Okay, danke @artf, das ergibt Sinn. Allerdings sind diese Codezeilen, zusammen mit sind erforderlich, um den korrekt ausgewählten Zustand innerhalb der Leinwand wie folgt darzustellen (sowohl beim ersten Rendern der Komponente als auch wen...
Benryanwilliams
Ich muss noch etwas mehr testen, aber es sieht so aus, als hätte ich dieses Verhalten umgangen, indem ich die inneren Komponenten beim Erstellen bzw. Bearbeiten der Komponente selbst gespeichert habe und dann den 'rte:disable'-Hook wie fol...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Firefox 104.0.1Reproduzierbarer Demo-Link https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771Beschreibe den Käfer Wie reproduziert man den Bug?Erstelle eine benutzerdefinierte Komponente mit der Eigenschaft...
Singwai
Das verhält sich wie erwartet. Es gibt zwei ähnliche Tasten, die den Stil der Komponente verändern können. ('Stile' und 'Stil') 'styles' nimmt einen CSS-String und wird einmal an die letzte Nutzlast angeschlossen. Ich definiere normalerwei...
artf
Ich schätze, 'parseStyle ist keine Funktion' bezieht sich auf diese bereits behobene Funktion: https://github.com/artf/grapesjs/pull/4520
GJSBlock
Danke, dass du das gemeldet hast, @ahmafi. Gute Frage, ob parseStyle keine Funktion ist. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr sp...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave 1.33.105 Chromium: 96.0.4664.93 Reproduzierbarer Demo-Link https://codesandbox.io/s/relaxed-mccarthy-v2e37w Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie den Bauteiltyp mit dem IMG- oder SV...
artf
Hi @salemkode basierend darauf, wie benutzerdefinierte Komponenten verwaltet werden durch das 'isComponent', das 'true' ohne Bedingungen zurückgibt, das maximale Call-Stack-Problem erzeugt. Es erstellt ständig neue Komponenten, da du auch...
GJSBlock
Danke, dass du das gemeldet hast, @salemkode. Tolle Frage zu RangeError: Maximale Aufrufstackgröße überschritten. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokum...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v96 Reproduzierbarer Demo-Link https://grapesjs.com/demo-newsletter-editor.html Beschreibe den Käfer Wie reproduziert man den Bug?Öffne die Entwicklertools im Konsolen-TabFühre den untenstehenden Code au...
Shkhalid
+1
Pety-DC
Hey Ich habe ähnliche Probleme. Ich denke, es ist ziemlich ernst, da sowohl der Newsletter als auch die MJML-Demo betroffen sind. (Beide nutzen CKeditor als RTE) Wenn ich einen Inhalt importiere, der einen Text (mj-text) mit stilierten Ele...
raymondmakz
CKEDITOR-Ausgabe: '<div>Etwas Rich Text von <Span Style="color:blue">ckeditor'</span></div> Nach dem Parsen in den Editor werden Sie so: '<div data-gjs-type="text">Etwas Rich Text aus <SPAN: STYLE="COLOR:Blue" data-gjs-type="default">ckedi...
GrapesJS-Version[x] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 104.0.5112.79Reproduzierbarer Demo-Link https://jsfiddle.net/gvrnw2c3/4/Beschreibe den Käfer Wie reproduziert man den Bug? Ich kann den Fehler derzeit nicht mit jsfiddle reproduzieren, was mich vermuten l...
Tyuterry
Eine Reproduktion auf Fiddle (mit Vue) Ich kann mich ohne Vue nicht fortpflanzen jsfiddle Schritte zur Reproduktion des Problems:Fügen Sie eine Textkomponente hinzuWähle die Textkomponente aus und klicke dann unten auf die Schaltfläche 'Be...
artf
Danke euch, ich konnte es tatsächlich reproduzieren, indem ich das Beispiel in Vue eingewickelt habe, aber ich bin mir nicht sicher, warum es hier in der Schleife steckt. Auf den ersten Blick scheint es mit den Proxy-Beobachtern von Vue zu...
Benryanwilliams
Danke @artf, alles funktioniert jetzt einwandfrei, nachdem ich den Editor außerhalb der Vue-Instanz deklariert habe.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 102.0.5005.115 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link Beschreibe den Käfer Dies ist eine Erweiterung von #4473 Beim Hinzufügen eines Map- oder Videoblocks über editor.setComponents() i...
artf
Danke@skru ich habe mich tatsächlich schon um das ParseUri hier gekümmert, also sollte es in der nächsten Version funktionieren
GJSBlock
Danke, dass du das gemeldet hast, @skru. Das Problem mit v0.19.5 Breaks headless editor.setComponents() (mit Map/Video-Block) scheint ein Race-Condition- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 103.0.5060.134Reproduzierbarer Demo-Link https://stackblitz.com/edit/node-zrdtg4?file=index.jsBeschreibe den Käfer Wie reproduziert man den Bug?Editor im headless-Modus initialisierenLaden Sie die Projekt...
Skru
siehe #4473
artf
Hier behoben https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6
GJSBlock
Danke, dass du das gemeldet hast, @bimsina. Gute Frage zum Laufen im headless-Modus erfordert Fenster. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentat...