GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Windows, Chrome, React Reproduzierbarer Demo-Link / Beschreibe den Käfer Wenn man versucht, benutzerdefinierte atRules wie @container oder @font-face hinzuzufügen, kompiliert das CSS konsequent zu @media statt...
GJS Helper
Das Problem, auf das du stößt, ist, dass benutzerdefinierte AtRules wie '@container' oder '@font-face' beim Verwenden von 'editor' zu '@media' kompiliert werden. Css.addRules' ist eine bekannte Einschränkung im aktuellen 'CssComposer' von...
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 Wie reproduziert man den Bug? <img width="1665" alt="image" src="https://github.com/GrapesJS/grapesjs/a...
pittleCheung
Erweiterte Idee von https://github.com/GrapesJS/grapesjs/issues/1855
artf
Hier wird erklärt, wie man Komponenten mit verwandten Stilen erstellt https://grapesjs.com/docs/modules/Components.html#components-css Nur in diesem Fall wäre es für den Editor sicher, verwandte Stile zu löschen.
GJS Helper
Das Problem, bei dem das Löschen einer Komponente die entsprechenden Stile nicht entfernt, was zu redundantem CSS führt, ist eine häufige Herausforderung bei Web-Buildern wie GrapesJS. Dieses Verhalten ist in GrapesJS' 'CssComposer' aus me...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Ich möchte, dass die Komponenten in meinem Editor durch Ziehen bewegt werden können. Nach...
Rozek
Entschuldigung – das war ein Problem auf meiner Seite, das sich nur im Editor erkennbar gemacht hat – entschuldigt die Störung!
GJS Helper
Das von dir beschriebene Problem mit 'dragMode: 'absolute', das dazu führt, dass Komponenten als versetzt erscheinen, ist tatsächlich ein Bug, der auf eine grundlegende HTML-Verletzung zurückzuführen ist: doppelte 'id'-Attribute im DOM. De...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome V116.0.5845.96 Reproduzierbarer Demo-Link https://jsfiddle.net/Adrien_Friboulet/npdkshaf/8/ Beschreibe den Käfer https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd...
artf
Danke @AFriboulet-ii, ich werde es für die nächste Version beheben.
GJS Helper
Das von dir beschriebene Problem ist ein bekanntes Verhalten in GrapesJS, bei dem der Undo-Manager die Modellattribute der Komponente korrekt zurücksetzt (einschließlich der 'Klassen'-Sammlung), aber das 'ComponentView', das für das Render...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 115.0.5790.171 (Offizieller Build) (64-Bit)Reproduzierbarer Demo-Link https://codesandbox.io/s/1r0w2pk1vl?file=/index.htmlBeschreibe den Käfer Wie reproduziert man den Bug?... Fügen Sie diesen Formularty...
artf
Das 'getJs' gibt das JS deines Komponentenmodells zurück (das, das du in 'model.defaults.script' platzieren würdest), nicht die Komponentenansicht. Bitte lesen Sie Komponenten & JS sorgfältig
GJS Helper
Das Problem, auf das du stößt, bei dem 'editor.getJs({ component })' trotz eines 'submit'-Event-Handlers, der in der 'view.events' deiner benutzerdefinierten Formkomponente definiert ist, einen leeren String zurückgibt, ist erwartetes Verh...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Arc 1.1.1 Reproduzierbarer Demo-Link https://jsfiddle.net/3bprucnv/3/ Beschreibe den Käfer Wie reproduziert man den Bug? Füge eine benutzerdefinierte CSS-Regel für .gjs-ausgewählte Elemente hinzu, z. B. Ändere...
artf
Bitte beachten Sie https://github.com/GrapesJS/grapesjs/issues/3515
GJS Helper
Das Problem, das du mit der '.gjs-selected'-Klasse hast, die deine CSS-Überschreibung nicht akzeptiert, liegt daran, dass GrapesJS' Standard-Styling für diese Klasse die '!important'-Regel verwendet. GrapesJS wendet 'outline: 3px solid #3b...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v114 Reproduzierbarer Demo-Link https://github.com/wunksert/remix-grapes-error/tree/main Beschreibe den Käfer Wie reproduziert man den Bug?Klon-Repository obennpm INPM Run Dev Du wirst sehen, dass das T...
artf
@wunksert es so scheint, als würde der Editor mehrmals auf sich selbst initialisieren, löschst du die Editor-Instanz mit Destroy richtig (z. B. in deinem useEffect)?
Wunksert
Es könnte sich herausstellen, dass eine Lösung dafür eher durch meine Bearbeitung von Struktur- oder Namenskonventionen in meinem Projekt gelöst wird. Ich mache das gerne, wenn es schneller ist als etwas im GrapesJS-Core zu ändern.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 115.0Reproduzierbarer Demo-Link https://jsfiddle.net/varyqjo7/Beschreibe den Käfer Wie reproduziert man den Bug?Ein neues Angular-Projekt erstellen (Version 16.1.3)Installieren Sie die neueste Version von...
GJS Helper
Das Problem, auf das Sie stoßen, "Objektliteral kann nur bekannte Eigenschaften angeben, und 'el' existiert nicht im Typ 'PanelProps'", ist ein TypeScript-Kompilierungsfehler. Sie zeigt an, dass die 'el'-Eigenschaft innerhalb der 'PanelPro...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link null Beschreibe den Käfer Wie reproduziert man den Bug? <img width="1666" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e...
pittleCheung
Ja, du hast recht, ich kopiere alle abgestimmten Stile, also kann ich überall einfügen, sogar browserübergreifend einfügen, das finde ich extrem nützlich. Wenn ich eine Komponente lösche, werden die entsprechenden Stile nicht entfernt. Das...
pittleCheung
Es ist immer noch ein Problem
artf
Ich sehe nicht, wie das ein Kernfehler sein soll. Du verwendest deine eigene Copy/Paste-Logik und sie scheint nicht einmal korrekt zu sein, du solltest dich um die einzigartigen IDs jeder Komponente/Regel kümmern.Nach dem Löschen dieser Ki...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link null Beschreibe den Käfer Wie reproduziert man den Bug? Editor?. Css.addRules (targetCss); Was ist das erwartete Verhalten? Editor?. Css.addRules (targetCs...
artf
Das ist kein Bug, 'Css.addRules' hat kein Option-Argument. Du kannst eine Diskussion zu diesem Thema eröffnen, und wir können sehen, ob es sinnvoll ist, es einzuführen
pittleCheung
Okay, ich verstehe, ich muss einige Stile vor einem Array hinzufügen, nicht am Ende. Zum Beispiel arr.unshift(css) Wie kann ich das machen? Ich könnte ein bisschen Hilfe von dir brauchen
GJS Helper
Das Verhalten, das du mit 'Editor' beobachtest. Css.addRules()' ist tatsächlich die erwartete und beabsichtigte Funktionalität der GrapesJS CSS-API. Standardmäßig gilt: Wenn du 'editor' benutzt. Css.addRules(targetCss);', werden die neuen...