GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Reproduzierbarer Demo-Link https://jsfiddle.net/497zkrpm/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Wählen Sie die Komponente "Hello World" ausÖffne den Style Manager und stelle sicher, dass...
artf
Kein Bug, der Style-Manager verarbeitet jeweils nur eine Regel, wenn du eine fortgeschrittenere Nutzung möchtest, kannst du die API nutzen und deine Funktionen implementieren (z. B. verschiedene Regeln mit demselben Selektor auswählen).
MaxDBenson
Kein Bug, der Style-Manager verarbeitet jeweils nur eine Regel. Wenn du eine fortgeschrittenere Nutzung möchtest, kannst du die API nutzen und deine Funktionen implementieren (z. B. verschiedene Regeln mit demselben Selektor auswählen). Ve...
GJS Helper
Das Problem, das du festgestellt hast, dass der GrapesJS Style Manager nicht alle Regeln für dieselbe Klasse anzeigt, ist ein bekanntes Verhalten, das aus der Interakulation der internen 'CssComposer' und 'StyleManager' des Editors mit den...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer https://github.com/GrapesJS/components-tabs Frage eins <img width="1421" alt="image" src="https://githu...
artf
Bitte öffnet Bug-Issues nur, wenn sie sich auf die Kernbibliothek beziehen, nicht auf Plugins.
GJS Helper
Die Probleme, die du beim Klonen von Tabs und der gesamten Tabs-Komponente in GrapesJS hast, insbesondere mit dem Plugin 'grapesjs-components-tabs', rühren daher, wie GrapesJS Komponenten-IDs während des Klonprozesses handhabt. Das Plugin...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link Version 118.0.5993.88 (Offizieller Build) (arm64) Beschreibe den Käfer Wie reproduziert man den Bug? Video-Demo Teil 1: https://github.com/GrapesJS/grapesjs/assets/8781182/bfb...
artf
Danke @bryanjamesmiller für all die Einblicke, ich werde nach einer Lösung suchen.
GJS Helper
Dies ist tatsächlich ein gültiger Fehlerbericht, und Sie haben eine klassische JavaScript-Falle innerhalb der Blockkategorie-Behandlung von GrapesJS korrekt identifiziert. Das Problem entsteht, wenn eine benutzerdefinierte Blockkategorie n...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? chrom 117.0.5938.152 Reproduzierbarer Demo-Link Nein Beschreibe den Käfer Wie reproduziert man den Bug?... Grapesjs-Seiten mehrseitig im Import von CSS ohne Zugriff... Das Importieren von CSS funktioniert nich...
artf
Bitte befolgen Sie die Vorlage für das Fehlerproblem korrektWenn du keine reproduzierbare Demo mit entsprechenden Schritten zur Reproduktion des Fehlers angibst, könnte das Problem GELÖST sein.
GJS Helper
Die Problembeschreibung "mehrere Seiten beim Import von CSS sind nicht zugänglich" und "das Importieren von CSS funktioniert nicht" ist ziemlich vage, weist aber auf ein weit verbreitetes Missverständnis hin, wie GrapesJS CSS-Scoping und e...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v117.0.5938.149Reproduzierbarer Demo-Link https://jsfiddle.net/9oLrsvya/Beschreibe den Käfer Wie reproduziert man den Bug?Bitte sehen Sie sich das Objekt 'pageManager' im jsfiddle an Was ist das erwartete...
Mapsmarketing
Eine ärgerliche Sache ist, dass der Editor die unten stehenden Standardstile vorstellt, die beim Speichern der Stile zahlreiche Duplikate davon enthalten: Edit: Beim Durchsehen der Dokumentation habe ich es endlich geschafft, 'protectedCss...
artf
Hallo, @mapsmarketing derzeit kann GrapesJS HTML-Dokumente nicht korrekt als String importieren, daher überspringt der Parser Elemente wie 'html', 'head', 'body' und gibt nur das zurück, was im 'body' geparst wird. Ein Workaround, den du j...
Mapsmarketing
Hallo @artf, Ich habe einen Weg gefunden, die 'Körper'-Attribute zusammen mit den Styles korrekt zu speichern, indem ich folgende Methode nutze: Mir ist aufgefallen, dass dein Page.toJSON alles der angegebenen Seite ausgibt. Allerdings sch...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 117.0 Reproduzierbarer Demo-Link localhost Beschreibe den Käfer grapesjs": "^0.21.7", editor.loadProjectData({ "Vermögenswerte": [], "Stile": [], "Seiten": [{ "component": "<div>TEST TEST TEST TEST"</di...
antoinematyja
Hallo, ich bin auf dasselbe Problem gestoßen, als ich Vue 3 benutze und einen Vue-'Ref' verwendet habe, um den Editor zu speichern. Ich bin mir aber nicht sicher, ob das eine gute Idee ist. Eine Code-Reproduktion wäre ungefähr so: Lösung:...
artf
Kannst du eine reproduzierbare Demo anbieten? Ich habe dein Beispiel ausprobiert und sehe kein Einfrieren....
Boardmain
Habe es mit der neuesten Version 21.7 versucht Ich versuche, es online zu stellen, aber ich habe gerade HTML aus einem benutzerdefinierten Befehl eingefügt, der Quellcode ist eingefügt, aber danach friert der Editor ein (ich muss die Seite...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 117.0.5938.134 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link https://jsfiddle.net/ap404703/0e5zop1n/ Beschreibe den Käfer Beispiel wie unten Grapes Js-Akte :- Initialisieren von GrapesJS cons...
artf
@ChiragS-Prajapati muss man draggable/dropable component properties verwenden, um zu steuern, wo Komponenten gezogen werden können und welche innen eingefügt werden können.
GJS Helper
Das Problem, bei dem ein Abschnittsblock in einen anderen fallen lassen kann, ist standardmäßig ein häufiges Verhalten in GrapesJS. GrapesJS behandelt HTML-Elemente wie '<div>' und '<section>'' als Container, sodass andere Komponenten dari...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom Reproduzierbarer Demo-Link https://jsfiddle.net/a3xgLm7c/3/ Beschreibe den Käfer Wie reproduziert man den Bug?Wählen Sie den Text aus und wenden Sie die Textfarbe anWähle denselben Text aus und wende die...
Mapsmarketing
Hallo @kishanp102, Ich habe versucht, das Problem mit den beschriebenen Schritten zu reproduzieren, aber sowohl der Text als auch die Hintergrundfarben werden angewendet (siehe Screenshot). <img width="318" alt="image" src="https://github....
kishanp102
Ziehe und lasse die Textkomponente fallen, wende dann die Schriftfarbe an und klicke wieder außen, klicke auf den Text und füge die Hintergrundfarbe hinzu, die nicht angewendet wird screencast-jsfiddle.net-2023.10.11-091942.webm
Mapsmarketing
Ja, du hast recht@kishanp102 es keine neue Hintergrundfarbe aufbringt, nachdem du bereits eine gesetzt hast. Es ist definitiv ein Bug.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Neueste Chrome-MeldungReproduzierbarer Demo-Link https://github.com/padcom/grapesjs-no-id-for-element-exampleBeschreibe den Käfer Beim Erstellen benutzerdefinierter GrapesJS-Komponenten, wenn diese Komponenten d...
artf
Das Problem wird durch die Verwendung von 'jsInHtml: false' verursacht und wie der interne JS-Generator gehandhabt wird. Ich werde versuchen, es für die nächste Version zu beheben.
GJS Helper
Das von dir beschriebene Problem ist ein bekanntes Verhalten in GrapesJS, das sich darauf bezieht, wie Komponenten-IDs während der HTML-Serialisierung generiert und optimiert werden. Wenn eine benutzerdefinierte Komponente eine 'script()'-...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 117.0.5938.132 Reproduzierbarer Demo-Link https://jsfiddle.net/bx8rtseh/2/ Beschreibe den Käfer Wie reproduziert man den Bug?Fernfilialleiter einrichtenLade etwas HTML mit TailwindCSS-Klassen Beispiel '...
GJS Helper
Das Problem, auf das du stößt, bei dem TailwindCSS-Klassen wie 'md:w-1/2' beim Laden in GrapesJS in 'md:w-1-2' umgewandelt werden, rührt von der internen Klassenverwaltung und der Pars-Logik von GrapesJS her. Ursache GrapesJS verarbeitet s...