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.
@artf, ich habe eine Frage: Können wir Custom JS in Studio implementieren? Bedeutet das, gibt es irgendeine Embed-JS-Code-Funktionalität? Originally von @MdShadabAhamad in https://github.com/GrapesJS/grapesjs/discussions/6080#discussioncomment-10449335 veröffentlicht
artf
@MdShadabAhamad bitte vermeiden Sie es, Diskussionen zu eröffnen, danke
icoco
Es gibt keinen Quellcode des Studios, wo man das Studio finden kann?
GJS Helper
Ja, GrapesJS bietet eine robuste Funktionalität, um benutzerdefinierten JavaScript-Code in Ihre Webseiten zu implementieren und einzubetten, sowohl für dynamische Inhalte auf der Canvas als auch für die endgültige exportierte Ausgabe. Es g...
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...
Die Codebasis basiert derzeit auf veralteten Abhängigkeiten. Dieses Ticket zielt darauf ab: Aktualisieren Sie alle bestehenden Abhängigkeiten auf ihre neuesten stabilen Versionen. Dependabot einrichten, um Abhängigkeiten in Zukunft automatisch zu überprüfen und zu aktualisieren. Abhängigkeiten auf dem neuesten Stand z...
GJS Helper
Projektabhängigkeiten aktuell zu halten, ist entscheidend für Sicherheit, Leistung und Kompatibilität. Für ein GrapesJS-Projekt, das typischerweise Node.js und npm/yarn verwendet, beinhaltet dies einen zweigleisigen Ansatz: erste manuelle...
Die Codebasis verwendet derzeit veraltete Versionen von TypeScript. Dieses Ticket zielt darauf ab: Aktualisieren Sie auf die neueste Version von TypeScript. Sicherstellen Sie konsistente TypeScript-Konfigurationen über alle Projekte hinweg. Integration von TypeScript in die Entwicklungs- und CI-Pipelines für die autom...
GJS Helper
Das Aufrüsten und Standardisieren von TypeScript im gesamten GrapesJS-Codebestand ist ein entscheidender Schritt zur Verbesserung der Wartung, zum frühzeitigen Erkennen von Fehlern und zur Verbesserung der Entwicklererfahrung. Diese Lösung...