GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome@latest Reproduzierbarer Demo-Link https://no-link.com Beschreibe den Käfer ! Bild ! BildVerhaltenskodex [X] Ich verpflichte mich, den Verhaltenskodex dieses Projekts einzuhalten
Das Problem, dass ein 'Hintergrundbild'-Stil in GrapesJS nicht korrekt auf eine Komponente angewendet wird, liegt typischerweise an einem von zwei häufigen Gründen: falsche CSS-'url()'-Syntax oder dass die Komponente nicht genügend Dimensi...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 112.0.5615.137 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Komponentendefinition: Beim Fallen geworfen, gespeichert und neu geladen gibt es zwei O...
artf
Wie hier erklärt, sollten Sie das Ausgabe-HTML nicht erneut importieren, um das Projekt zu bearbeiten, sondern nur das JSON.
GJS Helper
Das Problem, bei dem die 'Script'-Funktion einer Komponente nach dem Speichern und Neuladen der Seite zweimal ausgeführt wird, ist ein bekanntes Verhalten (oder ein Bug, je nach Perspektive) im Script-Management-System von GrapesJS. Es ent...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 112.0.5615.137 (Offizielle Version) Reproduzierbarer Demo-Link https://jsfiddle.net/SagarMaria/sunygp2f/3/ Beschreibe den Käfer Wie reproduziert man den Bug?Klicken Sie im jsfiddle einfach auf d...
artf
Das Verhalten ist korrekt, da 'style:property:update' bei jeder Aktualisierung des Style Manager Property (nicht nur seines Wertes) ausgelöst wird. Für deinen speziellen Fall müsstest du den Rückruf auf diese Weise aktualisieren '''js edit...
SagarMaria
Hallo @artf, danke für die schnelle Antwort, aber tatsächlich besteht ein Teil des Problems immer noch darin, dass selbst nach einer Änderung, z. B. indem man auf die Option "Center" mit der von dir vorgeschlagenen if-Anweisung klickt, nac...
GJS Helper
Das Problem, auf das Sie stoßen, dass 'style:property:update' und 'Property onChange' übermäßig ausgelöst werden, selbst bei der Komponentenauswahl, ist ein häufiger Verwirrungspunkt. Das Ereignis 'style:property:update' ist ein Low-Level-...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 112.0.2 (64-Bit) Reproduzierbarer Demo-Link https://github.com/TO-JHummel/grapesjs-issue Beschreibe den Käfer Wie reproduziert man den Bug?Starte die Seite Minimal Vue+Vite.Fügen Sie den capitalizedfor...
artf
Das ist ähnlich wie dieses eine, man muss die Editor-Instanz außerhalb der Vue-Instanz platzieren, um deren Proxys zu umgehen
GJSBlock
Danke, dass du das gemeldet hast, @TO-JHummel. Gute Frage zum Absturz beim Ziehen in verschachtelte Komponenten mit Vue+Vite.. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? FireFox 112.0 (64-Bit) Reproduzierbarer Demo-Link Kein Demo-Link Beschreibe den Käfer Ich habe kürzlich von v0.20.1 auf v0.21.1 aktualisiert. Viele Typen, die in v0.20.1 existierten, wurden in v0.21.1 auf 'bel...
artf
Danke@ngoc199 bitte sagt mir Bescheid, falls noch andere Deklarationen aus den vorherigen Versionen fehlen
GJS Helper
Dies ist ein bekanntes Problem im Zusammenhang mit den TypeScript-Deklarationsdateien ('.d.ts') in GrapesJS v0.21.1. Das Problem entsteht, weil die Typdefinitionen für bestimmte Kernfunktionalitäten, wie 'Components.addType' und die 'model...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link N/A Beschreibe den Käfer Ich integriere das grape.js-Plugin mit vue.js. Ich habe eine vorgefertigte Seite mit vorgefertigtem HTML und CSS. Wenn ich die Seite vue.js Komponente...
artf
@innothetechgeek für ein richtiges Bugproblem solltest du immer eine reproduzierbare Demo erstellen, da es häufig Probleme gibt, die nichts mit dem Kern selbst zu tun haben. Wie auch immer, basierend auf deiner Beschreibung solltest du dei...
GJS Helper
Das Problem, das du hast, bei dem Stile, die über deinen Vue.js Entry Point geladen werden, beim Initialisieren GrapesJS verloren gehen, ist ein häufiges Verhalten und rührt daher, wie GrapesJS seine Editor-Canvas isoliert. Ursache GrapesJ...
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/rp7oc96v/1/ Beschreibe den Käfer Hallo Arthur! Ich erstelle eine neue Komponente, ein Image in einem Link, wie die 'mj-image'-Komponente, a...
gustavohleal
Hallo! Ich habe deine Lösung getestet. Es ändert das Bild korrekt, wenn das Bild in der Hauptkomponente gesperrt ist, und man kann es verschieben. Das Attribut 'src' wird im Modell geändert, aber wenn du die Komponente verschiebst, kehrt s...
artf
@gustavohleal mein Fehler, du musst die Eigenschaft 'src' direkt aktualisieren, anstatt das Attribut 'image.set({ src: asset.getSrc() });'
artf
Verwenden Sie die Eigenschaft 'data-gjs-locked="true"', um das Bild zu ignorieren und Ihre benutzerdefinierte Komponente richtig zu aktualisieren '''js Remove runCommand("open-assets"); da es keinen Sinn macht, es auf der Modellseite zu be...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link NA Beschreibe den Käfer Wie reproduziert man den Bug?...... Was ist das erwartete Verhalten? ... Wenn ich externe Inhalte in den Editor ziehe, sollten sie an einer bestimmten...
siddhi1397
Hallo @artf, Wenn ich externe Inhalte in den Editor ziehe, sollten sie an einer bestimmten Position abgeworfen werden, aber sie überlappen sich mit den vorhandenen Inhalten in der Komponente. Gibt es also eine Möglichkeit, Text an der best...
artf
@siddhi1397 Bitte öffne keine Bug-Issues als Features/Fragen
siddhi1397
Okay, Entschuldigung dafür. @artf Aber könnt ihr mir bitte helfen, wie das umgesetzt werden kann?
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v111 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Beschreibe den Käfer Wie reproduziert man den Bug?Starte ein Projekt mit grapesjs mit...
julia-alberici
Zur Klarstellung: Das war eigentlich kein Bug, und ich konnte das erwartete Verhalten erreichen, indem ich 'editor.onReady(() => { editor.runCommand("preview"); }; ' mit 'editor.on('update', () => { editor.runCommand('preview'); }); `
GJS Helper
Das Problem, bei dem GrapesJS Komponenten trotz Ausführung des preview-Befehls nach loadProjectData() Bearbeitungsmodus-Verhalten (wie Hover/Select-Stile) beibehalten, ist ein Zeitproblem im Zusammenhang mit asynchronen Operationen. Ursach...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 111 Reproduzierbarer Demo-Link https://jsfiddle.net/9zf4kd6e/ – dies ist die Demo des Designer-Modus Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine Bildkomponente mit 'dragMode' absolu...
artf
@ngoc199 Ich spreche hier den Großteil des Problems mit dem absoluten Modus an, (https://github.com/GrapesJS/grapesjs/issues/3770#issuecomment-944915841). Ich denke, das Größenänderungsproblem könnte hier leicht hinzugefügt werden, aber da...
GJSBlock
Danke, dass du das gemeldet hast, @ngoc199. Tolle Frage zu langsamem absolutem Widerstand bei Chrome. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation...