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 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? 117 Reproduzierbarer Demo-Link https://jsfiddle.net/mirjavad/ctsx7zer/5/ Beschreibe den Käfer Ich wollte eine Klonaktion für eine Seite erstellen und habe diesen Fehler bemerkt. Wie reproduziert man den Bug?Me...
artf
Guter Hinweis@javadsamiee wird in der nächsten Version behoben
GJS Helper
Das Problem, das du festgestellt hast, ist ein bekanntes Verhalten in GrapesJS, wenn mehrere Seiten mit Komponenten initialisiert werden, die dieselben Anfangs-IDs und entsprechenden Inline-Stile teilen. GrapesJS identifiziert und benennt...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 116.0.5845.187Reproduzierbarer Demo-Link https://jsfiddle.net/yLcvbwjd/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie das Ereignis 'component:styleUpdate' hinzuEinen Stil einer Komponente mit...
bgrand-ch
@artf ❤️
GJS Helper
Das Ereignis 'component:styleUpdate' in GrapesJS ist ein Editor-Ereignis, das hauptsächlich vom GrapesJS Style Manager oder anderen internen Editor-Mechanismen ausgelöst wird, wenn der Stil einer Komponente über die Benutzeroberfläche modi...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 116Reproduzierbarer Demo-Link https://jsfiddle.net/h5b0ndvL/1/Beschreibe den Käfer Wenn eine Komponente in der Leinwand neu gerendert wird, wird ein neues Attribut zur Modelldefinition gerendert,...
Sw33tgt
Im Moment habe ich dies als Workaround in einer Funktion 'editor.on('component:mount', (component) => {});' hinzugefügt, bis jegliches Feedback vorliegt. Es scheint gut zu funktionieren. In einem Fall, in dem eine Klasse aus der Definition...
Sw33tgt
ja, das ist bei Klassen bewusst, mit deinem Ansatz wirst du definierte Klassen nicht aus der Komponente entfernen können, sie werden immer wieder im Component-Init hinzugefügt. Das ist in Ordnung, wenn eine Klasse auf einer Komponente verg...
Sw33tgt
So etwas in der Funktion initClasses() von Component.ts würde die neuen Klassen beim Rendern zum Element hinzufügen. Lasst mich wissen, was ihr davon haltet: ''''Typoskript const cls = this.get('classes') || attrCls || []; Wechsel von Cons...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Wähle eine beliebige Komponente von der Leinwand ausÖffnen Sie das Layer Manage...
Sw33tgt
Ich habe auf Version 0.21.4 heruntergegradet und habe das Problem nicht mehr, daher tritt das nur auf der neuesten verfügbaren Version auf.
padcom
Ich habe dasselbe Problem in den einfachsten Beispielen. Wenn man auf 0,4 herabstuft, verschwindet es. Regression?
artf
Ja, schon behoben hier. Ich werde eine neue Veröffentlichung für Ende dieser Woche verschieben.
GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Windows, Chrome, React Reproduzierbarer Demo-Link / Beschreibe den Käfer Wenn ich versuche, benutzerdefinierte atRules wie @container oder @font-face hinzuzufügen, kompiliert das CSS konsequent zu @media stattdessen. Ich h...
GJS Helper
Das Problem, bei dem benutzerdefinierte AtRules wie @container oder @font-face beim Verwenden von editor.Css.addRules auf @media kompiliert werden, ist eine bekannte Einschränkung im aktuellen CssComposervon GrapesJS. Ursache GrapesJS's Cs...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Ich habe meine eigenen Komponententypen mit typspezifischen Drag-and-Drop-Regeln defin...
rozek
selbst wenn 'draggable' und 'droppable' auf 'true' gesetzt sind, kann ich kein Element in ein anderes ziehen
rozek
Ein erster Workaround, der hilft, Komponenten in andere Komponenten einzubauen:'dragMode:'absolute' aus 'grapesjs.init({...}) entfernen`Stattdessen füge 'dmode:'absolute' zu 'model.defaults' jedes Komponententyps hinzu, den du ziehen (und...
artf
Im absoluten Modus gibt es kein Konzept, Komponenten innerhalb oder außerhalb anderer Komponenten zu bewegen. Eine Komponente im absoluten Modus wird nur in der Stilposition aktualisiert, sie wird im DOM nicht verschoben, deshalb macht Dra...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 116 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Öffne den Layer-Manager und versuche, die Komponente zu verschiebenEs wird die Komponente...
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Ich kann bestätigen, dass dies ein reproduzierbarer Fehler in der neuesten Version von GrapesJS ist, auch auf der offiziellen Demo-Seite (https://grapesjs.com/demo.html). Dieser Fehler verhind...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Ich habe einen Komponententyp mit einem Skript Beim Vorschauen eines Projekts mit eine...
rozek
Das ist interessant: eine separate Funktion zu definieren und die Definition des Bauteiltyps, wie in der Dokumentation beschrieben Funktioniert wie vorgesehen. Aber es klingt trotzdem seltsam, dass eine Inline-Funktion einen Syntaxfehler i...
artf
@rozek guter Hinweis, werde es für die nächste Veröffentlichung beheben
GJS Helper
Das 'Uncaught SyntaxError: Unexpected Token'{'', auf das Sie stoßen, stammt daher, wie GrapesJS Komponentenskripte verarbeitet und einbettet, die mit der Kurzsyntax der ES6-Methode definiert wurden. Dieses Problem ist ein bekanntes Verhalt...