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? Firefox 112.0.1 Reproduzierbarer Demo-Link https://github.com/davidrhoderick/grapesjs-test Beschreibe den Käfer Wie reproduziert man den Bug?Folgen Sie dem Start (Sie sehen die Struktur, der ich bei einem einf...
davidrhoderick
Lustigerweise funktioniert das CSS-basierte Design.
artf
Es sieht so aus, als würde der Parcel-Transformer versuchen, 'codemirror/lib/codemirror.js' statt 'codemirror/lib/codemirror.css' auf dieser Leitung zu importieren: '''css @import "Codemirror/Lib/Codemirror"; ``` Deshalb würde ich vorschla...
GJS Helper
Das Problem, auf das Sie stoßen, '@parcel/transformer-sass: erwartet "{"' beim Import von GrapesJS SCSS, ist ein häufiges Problem im Zusammenhang damit, wie Modulbundler wie Parcel Stylesheet-Importe auflösen und verarbeiten, besonders bei...
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? Tauri Reproduzierbarer Demo-Link Beschreibe den Käfer Wie reproduziert man den Bug?... Was ist das erwartete Verhalten? ... Wie ist das aktuelle Verhalten?** ... Wenn es notwendig ist, einen Code auszuführen,...
DanavsSite
! 2023-04-29 143431-Greenshot
DanavsSite
Ich habe gerade herausgefunden, dass es wegen WebView2 liegt. Unterstützung für webview2??!
artf
Ich denke, das hängt eher mit einer Tauri-Konfiguration zusammen als mit GrapesJS, da wir das native HTML5-Drag & Drop verwenden
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 111.0.5563.147 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link Ich kann auf jsfilddle nicht reproduzierbar sein. Ich habe unten Details angegeben. Beschreibe den Käfer Wie reproduziert man den...
artf
@Spiral1234 wenn du das Problem nicht reproduzieren kannst, liegt es wahrscheinlich an deiner Seite, und ohne eine reproduzierbare Demo ist es schwer zu verstehen, was ein Problem sein könnte
GJS Helper
Das Problem, auf das du stößt, rührt daher, wie GrapesJS Styles, insbesondere Inline-Styles, beim Import von HTML verarbeitet und normalisiert. Lassen Sie uns die Ursache analysieren und den richtigen Ansatz vorschlagen. Ursachenerklärung...
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 erlebst, bei dem Stile, die über deinen Vue.js Eintrittspunkt geladen werden, beim Initialisieren von GrapesJS verloren gehen, ist ein häufiges Verhalten und rührt daher, wie GrapesJS seine Editor-Canvas isoliert. Ursac...
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? Version 111.0.5563.147 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link Ich habe einen Code angegeben Beschreibe den Käfer stilierbare Ereignisse hinzugefügt, sodass das Styling überschrieben werden kan...
GJSBlock
Danke, dass du das gemeldet hast, @abubaker417. Das Problem mit hinzugefügten stilfähigen Events, sodass das Styling überschrieben, offen werden kann, scheint ein Rennbedingungen oder ein Zeitproblem im Renn- oder Zustandsmanagement zu sei...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromeReproduzierbarer Demo-Link https://jsfiddle.net/em9kt2Lb/Beschreibe den Käfer Wie reproduziert man den Bug? Implementiere den untenstehenden Code beim Ausführen des Editors Was ist das erwartete Verhalten?...
artf
Hi @at-Codes-Titel für Panel-Buttons sind direkt mit i18n locale strings verbunden, daher musst du diese Strings dort aktualisieren. Weitere Informationen zum i18n-Modul finden Sie hier.
GJS Helper
Das Problem, bei dem Button-Titel nach dem Klick zurückgesetzt werden, entsteht durch die direkte Manipulation der DOM-Elemente der UI-Komponenten von GrapesJS. GrapesJS verwaltet wie viele moderne Webframeworks seine Benutzeroberfläche üb...