GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v129 Reproduzierbarer Demo-Link Nicht anwendbar Beschreibe den Käfer HALLO @artf, Ich implementiere derzeit einen Editor mit grapesjs, in dem es möglich ist, Kapitel neben den bereits vorhandenen Seiten...
artf
Hey @rhoenerSBS bitte vermeiden Sie, Bug-Issues bei Fragen zu öffnen.
GJS Helper
Der GrapesJS UndoManager verfolgt hauptsächlich Änderungen an den Kernmodellen des Editors (Komponenten, Stile, Seiten, Assets), indem es bestimmte Ereignisse anhört, insbesondere 'change:state'. Damit es Änderungen an deinem benutzerdefin...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie benutzerdefinierte Codekomponente mit HTML + CSS hinzuBenutzerdefinierten Code Komponente l...
artf
Dies bezieht sich nicht auf den Kern und sollte auf der Ebene plugin adressiert werden. Bitte erstellen Sie das Problem dort und wir versuchen, den richtigen Ansatz zu finden.
Mosh-Tudor
@stpp2 Das ist eigentlich kein Bug; Es ist eher ein Feature. :) Versuche 'clearStyles' zu verwenden: https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272
stpp2
Ja, 'clearStyles' ist in meinem Fall bereits aktiviert, aber das scheint in vielen Fällen nicht gut zu funktionieren. So oder so würde ich erwarten, dass die 'Custom Code'-Komponente teilweise "containerisiert" ist, sodass beim Entfernen n...
[x] Beheben Sie die Verwendung des Sortierers in StyleManager (Regression mit Sortiereigenschaften-Schichten) [x] Refaktor-Sortierer mit Verwendung von 'Components.canMove' [x] Aktualisieren Sie 'canMove' mit der Kontrolle, dass das Hauptsymbol in der eigenen Instanz weggelassen wird.
mohamedsalem401
Das ist erledigt.
mohamedsalem401
Die Idee ist, den Sortierer für bessere Wartungsbarkeit und Lesbarkeit umzugestalten. Wir können folgende Änderungen umsetzen:Die Klasse 'Sorter' von einer abstrakten Baumstruktur abhängig machen lassen, anstatt sich auf spezifische Implem...
GJS Helper
Dieses Fixieren und Refaktorieren adressiert mehrere Schlüsselbereiche innerhalb der 'Sorter.ts'- und Komponentenbewegungslogik von GrapesJS, löst eine Regression im Style Manager auf und verbessert das gesamte Drag-and-Drop-Erlebnis, insb...
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? 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 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...
Der Prozess zur Veröffentlichung der Build-Artefakte des GrapesJS-Repositoriums hatte folgende Probleme: Artefakte sollen direkt von den Entwicklerrechnern stammen. - https://github.com/GrapesJS/grapesjs/pull/6041 Der Prozess ist undokumentiert Wir haben mehrere Pakete zu veröffentlichen, und es wird auch eine ordentl...
GJS Helper
Die Probleme bezüglich des GrapesJS-Release-Prozesses – insbesondere die Abhängigkeit von Entwicklerrechnern für Artefakte und das Fehlen von Dokumentationen – verdeutlichen die Notwendigkeit eines standardisierten, automatisierten und tra...
Der aktuelle Codebase basiert auf Commit-Hooks, um bestimmte Regeln und Prüfungen durchzusetzen. Dieses Ticket zielt darauf ab: Bestehende Commit-Hooks entfernen. CI-Runner konfigurieren, um diese Prüfungen durchzuführen und Probleme im Entwicklungszweig oder bei Pull Requests zu melden. Die Übertragung dieser Aufgabe...
Die Bitte, Client-seitige Commit-Hooks zu entfernen und deren Aufgaben auf CI-Runner zu verlagern, ist eine solide Strategie zur Verbesserung der Konsistenz und Zuverlässigkeit des Entwicklungsworkflows. Obwohl dies eine allgemeine Softwar...
Die Codebasis verwendet derzeit veraltete Linting-Tools und Formatierungsbibliotheken. Dieses Ticket zielt darauf ab: Aktualisieren Sie auf die neuesten Versionen von Linting-Tools und Formatierungsbibliotheken. Sicherstellen Sie konsistente Linting- und Formatierungsregeln in allen Projekten. Integration dieser Werkz...
GJS Helper
Die Standardisierung von Linting und Formatierung ist entscheidend, um die Codequalität und eine kohärente Entwicklungsumgebung innerhalb des GrapesJS-Codebasises aufrechtzuerhalten. Diese Initiative wird das Entwicklererlebnis erheblich v...