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 https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Das ist der Bildlink, den Sie überprüfen können...
artf
@Spiral1234 gibt es einen großen Unterschied zwischen einem Standardwert und dem definierten (auch wenn er wie der Standard ist). Zum Beispiel definiert man auf dem Desktop 'float: right' und auf dem mobilen 'float: none', man braucht auf...
abubaker417
@artf, lass mich dich noch einmal definieren. Meine Frage ist: Wenn ich auf den Standardwert eines beliebigen Moduls klicke, zum Beispiel für float, wähle ich ''none'', dann sollte ''cross svg'' ''display: none'' sein, genauso wie ich es f...
artf
@Spiral1234 es sollte nicht 'anzeigen: keine' sein, wenn du den Standardwert AUSWÄHLST, versuche, den oben beschriebenen Anwendungsfall sorgfältig zu lesen – wenn du den Standardwert und einen ausgewählt hast, ist es UNTERSCHIEDLICH.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Mutige letzte VersionReproduzierbarer Demo-Link https://grapesjs.com/demo.htmlBeschreibe den Käfer Wie reproduziert man den Bug?Ein Bild platzieren. Wählen Sie das geplatzte Bild aus.Führe den obigen Code aus.Da...
artf
@ronaldohoch bitte die richtige dokumentierte API verwenden. '''js editor.getSelected().parent(); editor.getSelected().index(); ```
GJS Helper
Das Problem, bei dem duplizierte Elemente scheinbar ihre Elternreferenz verlieren und eine falsche Position ist, rührt daher, wie du versuchst, auf diese Informationen zuzugreifen. Du verlässt dich auf 'view.modelOpt.collection' und 'view....
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link null Beschreibe den Käfer Wie reproduziert man den Bug? Es ist einfach Was ist das erwartete Verhalten? Ich möchte editor.load verwenden, um Daten zu laden...
artf
Du kannst dynamisch 'stepsBeforeSave' aktualisieren, um zu vermeiden, dass der Store on Storage-Aufruf ausgelöst wird. Bitte nutze beim nächsten Mal Diskussionen, da dies kein Bug, sondern eine Implementierungsfrage ist.
GJS Helper
Das Problem, bei dem 'editor.loadData(data, opts)' die 'Store'-Methode deines benutzerdefinierten Speichers auslöst, ist ein häufiger Verwirrungspunkt, aber kein Fehler in 'loadData' selbst. Die Methode 'editor.loadData' ist darauf ausgele...
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 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 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...
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 das Verhalten des Edit-Modus (wie Hover/Select-Stile) behalten, obwohl der Befehl 'Preview' nach 'loadProjectData()' ausgeführt wird, ist ein Zeitproblem im Zusammenhang mit asynchronen Operationen...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? nur Firefox (alle Versionen)Reproduzierbarer Demo-Link https://jsfiddle.net/03m6jz5f/Beschreibe den Käfer Wie reproduziert man den Bug?Browser-Cache leerenVersuche, Vorlage mit Style-Tag zu importieren, die @imp...
artf
Nicht wirklich reparierbar, da GrapesJS-Parser momentan nicht asynchron sein können, aber aus Performance-Sicht solltest du niemals '@import' in deinem CSS verwenden, da es eine Blockierungsanforderung generiert
GJSBlock
Danke, dass du das gemeldet hast, @Drive4ik. Gute Frage zum Style-Parsingfehler, falls es @import gibt. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumenta...