GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome & Firefox Reproduzierbarer Demo-Link Beschreibe den Käfer Wie reproduziert man den Bug? Chrome & Firefox: Fügen Sie einem Bild / Text Füllmaterial hinzu Manchmal tritt der Fehler auf, manchmal nicht. ht...
trebor94
Ich habe dasselbe Problem und benutze auch das Plugin 'grapesjs-mjml'. Anscheinend tritt sie nur auf, wenn ein Projekt geladen wird, das die Eigenschaft 'Style' auf den 'Attributen' einer Komponente hat, wenn das Projekt geladen wird. Nach...
trebor94
Leider konnte ich nicht genau herausfinden, wo oder wann die Eigenschaft 'Style' beim Export von Projektdaten aus einem zuvor geladenen Projekt zum Komponenten-'Style' hinzugefügt wird. Vielleicht kann jemand anderes herausfinden, was das...
GJS Helper
Es sieht so aus, als hättest du einen Fehler in GrapesJS gefunden, insbesondere beim Arbeiten mit MJML-Komponenten und der Anwendung von Stilen wie Padding, was dazu führt, dass ungültige Attribute generiert und gespeichert werden. Dieses...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome neueste Version Reproduzierbarer Demo-Link https://app.grapesjs.com/studio Beschreibe den Käfer Wie reproduziert man den Bug? Initialisieren des GrapesJS-Editors mit der Standardkonfiguration des Geräts...
GJS Helper
Das von dir beschriebene Problem ist eine bekannte Verhaltensänderung, die in GrapesJS v0.22.10+ eingeführt wurde, bei der Standardkomponentenstile auf gerätespezifische Medienabfragen falsch angewendet werden, wenn eine Komponente hinzuge...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 140.0.7339.214(正式版本) (x8664) Reproduzierbarer Demo-Link https://codesandbox.io/p/devbox/d27l6n Beschreibe den Käfer Ich möchte eine benutzerdefinierte dynamische Listenkomponente basierend auf GrapesJS erstell...
GJS Helper
Das Einfrierproblem, das Sie mit Ihrer benutzerdefinierten Dynamic List-Komponente in GrapesJS haben, ist ein klassisches Beispiel für eine Event-Feedback-Schleife. Sie tritt auf, weil der Ereignis-Listener, der für die Aktualisierung der...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v140.0.7307.0 (Kanarienvogel) Reproduzierbarer Demo-Link https://jsfiddle.net/y3gr69s4/ Beschreibe den Käfer Wie reproduziert man den Bug? Erstellen Sie eine Editor-Instanz mit der Option 'parser.options...
GJS Helper
Du hast eine Diskrepanz in der Handhabung der Option 'keepEmptyTextNodes' in GrapesJS korrekt erkannt, was dazu führt, dass Zeilenumschreibungen aus deinem HTML-Output entfernt werden. Dies ist tatsächlich ein Fehler, der mit der Konfigura...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/YPXdgmj Beschreibe den Käfer Wie reproduziert man den Bug? Ein Bild hochladen Zur mobilen Ansicht wechseln Das Bild in der Größe anpassen ! Bil...
Mosh-Tudor
@yashvi2026 Das liegt an deinem eigenen CSS-Code. Entfernen Sie diesen Teil: '''js Stile: '.image{max-width:100%;}@media (max-Breite: 480px) {.image {display: inline-block; Höhe:Auto!Wichtig; Breite: 100% !wichtig; max-width:100%;}}, `` vo...
artf
Ich bestätige, dass der Komponenten-Resizer im Moment nicht "!wichtig" berücksichtigt, aber ich würde mehr oder weniger dem folgen, was @mosh-tudor vorgeschlagen hat. Du musst nicht die gesamten 'Stile' entfernen, da ich vermute, was du br...
yashvi2026
Ich muss '!wichtig' in meinem Stil verwenden. Mir ist aufgefallen, dass in anderen Komponenten, wenn '!wichtig' in den Standard-Stilen enthalten ist, die über den Style-Manager hinzugefügten Stile auch '!important' enthalten, um sicherzust...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Wie reproduziert man den Bug? Aus dem Tutorial Mein CSS-Stil Was ist das erwartete Verhalten? Eine leere Leinwand Wie ist das aktuelle Verhalten? ......
GJS Helper
Das Problem, bei dem das "Blocks"-Panel trotz der Einstellung 'Panels: { defaults: [] }' weiterhin sichtbar ist, ist ein häufiger Verwirrungspunkt. Die Konfigurationsoption 'Panels: { defaults: [] }' ist tatsächlich darauf ausgelegt, zu ve...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 138.0.4 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw Beschreibe den Käfer Wie reproduziert man den Bug? Fügen Sie eine Seite mit einer Komponente hinzu, die fehlg...
artf
Danke für den Bericht @tim Abschlussball
GJS Helper
Das Problem, auf das du gestoßen bist, bei dem GrapesJS aufgrund fehlerhafter Inline-Stile einfriert, ist ein kritischer Fehler, der daraus resultiert, wie der interne CSS-Parser des Editors ungültige Syntax handhabt, insbesondere nicht ge...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 136.0.7103.93 Reproduzierbarer Demo-Link https://jsfiddle.net/L4pu0tzc/ Beschreibe den Käfer Wie reproduziert man den Bug? Fügen Sie dem Editor mehrere Bildelemente hinzu. Jedem Image denselben Klassenn...
artf
Stellen Sie sicher, dass diese Option aktiviert ist: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors
GJS Helper
Das Problem, bei dem das Größenverändern eines Elements mit einer gemeinsamen Klasse alle Elemente derselben Klasse beeinflusst, ist ein bekanntes Verhalten in GrapesJS, das sich aus der Verwaltung und Anwendung von CSS-Stilen ergibt. Stan...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v135.0.7049.96 Reproduzierbarer Demo-Link https://jsfiddle.net/bqkLwt8j/ Beschreibe den Käfer Wenn ein Element einen Inline-Stil hat und ebenfalls einer ID-basierten CSS-Regel entspricht, werden die Sty...
artf
Danke für den Bericht@jsxOverdose Das wird in der nächsten Version behoben
GJS Helper
Du hast ein spezifisches Verhalten in GrapesJS genau identifiziert, bei dem Inline-Stile scheinbar ID-basierte CSS-Regeln komplett überschreiben, selbst bei nicht widersprüchlichen Eigenschaften. Dies ist tatsächlich eine Abweichung von de...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/QwwLjBQ Beschreibe den Käfer Wie reproduziert man den Bug? Klicke wiederholt und schnell auf Erstellen. Beim Debuggen stellte ich fest, dass de...
GJS Helper
Das Problem, das Sie mit GrapesJS haben, bei dem wiederholtes schnelles Erstellen und Zerstören des Editors zu Fehlern wie 'undefined 'allcomponents'' und 'undefined last component' führt, ist ein klassisches Beispiel für Race-Condition un...