GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v128 Reproduzierbarer Demo-Link https://app.grapesjs.com/studio Beschreibe den Käfer Nachdem ich eine Seite hinzugefügt, sie mit Rückgängigmachen entfernt und mit Neumachen wieder hinzugefügt habe, funk...
artf
Danke für den Bericht@rhoenerSBS
GJS Helper
Dies ist tatsächlich ein Fehler im Rückgängig-/Erneierungsmechanismus von GrapesJS, insbesondere bei Seitenergänzungen und -entfernungen. Das von dir beschriebene Verhalten entspricht einer unvollständigen Wiederherstellung des internen Zu...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 128 Reproduzierbarer Demo-Link https://jsfiddle.net/sammousa/bxgsdc12/11/ Beschreibe den Käfer Wie reproduziert man den Bug?Laden Sie einen HTML-String mit einem nicht leeren '<head>' und verwenden Sie...
SamMousa
Danke, aber darum geht es eigentlich nicht. Ich kann einen Workaround finden, aber das behebt den Fehler nicht. Der Fehler ist, dass ein Export über 'getProjectData()' gefolgt von einem Import über 'loadProjectData()' denselben Zustand erg...
artf
Der Fehler ist, dass ein Export über getProjectData() gefolgt von einem Import über loadProjectData() denselben Zustand ergeben sollte. Ja, definitiv nicht erwartet, wir werden uns das ansehen. Ich schätze die leicht reproduzierbaren Schri...
artf
Danke@SamMousa ausführliche Fehlerberichte sind immer willkommen. Wenn eine Richtung gewünscht wird, helfen wir Ihnen 🙇 ♂️ gerne
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 91VReproduzierbarer Demo-Link https://jsfiddle.net/8tsj5vpb/Beschreibe den Käfer Ich habe ein Problem mit GrapesJS, bei dem Traits für eine benutzerdefinierte Komponente nach Neuladen des Editors nicht an...
mohamedsalem401
@Alababdiy Ich konnte das Problem mit dem bereitgestellten Link nicht reproduzieren. Allerdings scheint das Problem darin zu liegen, dass GrapesJS das Hinzufügen oder Definieren einer Komponente nach der Initialisierung nicht erlaubt.
mohamedsalem401
Hey @Alababdiy, Ich konnte das von dir beschriebene Problem im JSFiddle nicht reproduzieren.
GJS Helper
Du bist auf ein häufiges Problem gestoßen, wie GrapesJS erhalten bleibt und benutzerdefinierte Komponenten nach dem Neuladen des Editors neu identifiziert. Die Eigenschaften für deine benutzerdefinierte Komponente verschwinden, weil Grapes...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/kanaihyakumar/oedg76nt/ Beschreibe den Käfer Beschreibung Wenn man eine beliebige Komponente auf der Leinwand auswählt, wird das untere Größenfach gemäß d...
Kanaihyakumar
Früher musste ich die Schritte zur Reproduktion des Problems klarer machen. Hier sind die verfeinerten Schritte zur Erstellung des Problems. Schritte zur Reproduktion des Problems:Klicken Sie direkt auf den Abschnitt.Beobachten Sie die ang...
Kanaihyakumar
Glaub mir, ich hatte Glück, dass dieses tragische Verhalten, verschiedene Stellen im Bereich zu klicken, sich verhielt, aber anders war.
artf
Ich sehe nicht, dass es verschwindet, wenn man nicht klickt, aber das ist zu erwarten, da es zum Ziehen bereit ist.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Neueste Meldung Reproduzierbarer Demo-Link https://jsfiddle.net/condsjm1/ Beschreibe den Käfer Wie reproduziert man den Bug?Ändere das innerHTML einer Komponente Drücken Sie STRG + Z Was ist das erwartete Verh...
artf
UndoManager verfolgt Zustandsänderungen der Komponenten, nicht deren DOM. Das sollte in deinem Fall funktionieren: 'element.components('Hello Planet')'.
leo-budgetsimple
@artf Danke!
GJS Helper
Das Problem, auf das Sie stoßen, liegt darin, dass die Eigenschaft 'innerHTML' der Komponente direkt manipuliert wird, wodurch der interne Change-Tracking-Mechanismus von GrapesJS umgeht. Der Undo/Redo/Redo-Manager von GrapesJS (Teil der '...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Edge v128Reproduzierbare Demo-Linkshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builderBeschreibe den Käfer Ich benutze GrapesJS im Projekt Nuxt.js 3, der F...
artf
Du kannst das Entfernen der Komponenten ('instance.value.Components.clear()') überspringen, da du den Editor sowieso zerstörst '''js wenn (bestätigen ('Bist du sicher, dass du die Leinwand räumen willst?')) { localStorage.clear() reRender(...
WilliamDASILVA
@jdkcoder Wenn wir die Funktion 'reRender' kommentieren, haben wir das Problem nicht mehr. Der Fehler 'lastComponent' entsteht dadurch, dass 'this.get('selected')' im Editor irgendwann undefiniert ist. Und wenn man den Debugger überprüft,...
GJS Helper
Es sieht so aus, als würdest du in deinem GrapesJS Nuxt.js 3-Projekt auf zwei unterschiedliche Probleme stoßen. Lassen Sie uns sie aufschlüsseln und Lösungen anbieten. Problem 1: 'Kann die Eigenschaften von undefined (lese 'lastComponent')...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromReproduzierbarer Demo-Link https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsxBeschreibe den Käfer Ich kann meine benutzerdefinierte Komponente beim ersten Rendern meiner React-Anwendung nicht...
artf
Verwende die Plugins, wenn du etwas auf GrapesJS-API-Ebene erweitern möchtest '''js <StudioEditor ref={editorRef} options={{ Plugins: [ editor => addCustomComponent(editor) ], // ... ```
MdShadabAhamad
Ich habe auch benutzerdefinierten Style-StyleManager hinzugefügt, aber es ist eine Anzeige leer, https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx
GJS Helper
Das Problem, das du hast, bei dem dein benutzerdefinierter Komponentenblock beim ersten Rendering nicht sichtbar ist, aber nach der Suche erscheint, ist ein häufiges Timing-Problem, das damit zusammenhängt, wie GrapesJS seine UI-Komponente...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v126 Reproduzierbarer Demo-Link https://jsfiddle.net/r5062suy/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Führe den Demo-Link aus (https://jsfiddle.net/r5062suy/1/)Ich versuche, den Text im Div von "H...
Danstarns
Versuche, die '.getEl'-Methode auf der Komponente zu verwenden und dann das Element direkt zu setzen. '''js const editor = grapesjs.init({ Container: '#gjs', fromElement: 1, Größe: '100%', storageManager: { type: 0 }, Plugins: ['GJS-blocks...
Mannyyang
'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"
artf
@mannyyang wo hast du die Verwendung von 'set('content', ...' gefunden? Es ist eher Privateigentum und man sollte es niemals benutzen. Um innere Komponenten programmatisch zu aktualisieren, verwenden Sie 'component.components('test')'
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Aktuelles Reproduzierbarer Demo-Link https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx Beschreibe den Käfer Wie reproduziert man den Bug?...... Was ist das erwartete Verhalten? ......
Danstarns
Hallo, @sridharK64 danke für Ihren Bericht, können Sie Ihr Problem bitte näher erläutern? Da wir nur haben: 'Wie man Grapesjs standardmäßig lädt'Dein Stack-Blitz Könnten Sie uns sagen, was Sie erreichen möchten?
artf
@sridharK64 ich verstehe, was du meinst, aber versuche beim nächsten Mal, das etwas genauer zu erklären. Um die Vorschau beim Laden auszulösen, reicht das aus '''js editor.onReady(() => { editor.runCommand('core:preview') }); ``` Aber in d...
GJS Helper
Um GrapesJS standardmäßig im Vorschaumodus zu laden, musst du den Editor initialisieren und dann den eingebauten Befehl 'core:preview' ausführen. Dieser Befehl schaltet den Zustand des Editors zwischen Bearbeiten und Vorschau um, verbirgt...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link Asdasd Beschreibe den Käfer Ich habe ein Problem beim Installieren von NPM-Plugin-Paketen wie preset-webpage, preset-newsletter; die CSS-Datei fehlt beim Installieren in beide...
artf
@SAJAD-CH bitte eine reproduzierbare Live-Demo (z. B. über Stackblitz) bereitstellen, wenn ihr ein Bug-Problem öffnet.
GJS Helper
Es scheint, als hättest du bei der Integration von GrapesJS-Plugins in moderne JavaScript-Frameworks wie Angular ein häufiges Problem, bei dem die CSS-Dateien in 'nodemodules' für direkte Verlinkung nicht als eigenständige Dateien angezeig...