GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chromw Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/hrdwnl Beschreibe den Käfer Was ist das erwartete Verhalten? Wenn ich versuche, Aufzählungspunkte standardmäßig hinzuzufügen, sollte es Einzüg...
GJS Helper
Das Problem, das du mit Listen-/Stichpunkten hast, die im GrapesJS ProseMirror RTE-System nicht automatisch eingerückt werden, ist ein häufiges Stylingproblem und kein funktionaler Fehler bei der Kernlistenverwaltung von ProseMirror. Das P...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 143.0.7499.193 Reproduzierbarer Demo-Link https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit Beschreibe den Käfer Wie repr...
artf
Bitte gib eine isolierte, reproduzierbare Demo, denn das scheint aus deiner Code-Logik zu stammen und nichts mit dem Kern zu tun
GJS Helper
Der GrapesJS-Editor stürzt mit einem 'TypeError: Cannot read properties of undefined (reading 'type')' ab, wenn das Laden Ihrer Vorlage durch fehlerhaftes HTML innerhalb des zu ladenden Inhalts verursacht wird. Konkret haben bestimmte 'div...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge 144.0.3719.92 Reproduzierbarer Demo-Link https://jsfiddle.net/L61f0qtz/ Beschreibe den Käfer Wie reproduziert man den Bug? Öffnen Sie den GrapesJS-Editor in Microsoft Edge. Fügen Sie eine Tastenkarte zum...
GJS Helper
Das Problem, dass 'preventDefault()' für Strg+S und Strg+Shift+S in Microsoft Edge nicht funktioniert, wenn die GrapesJS-Canvas fokussiert ist, ist eine häufige Herausforderung, wie Browser Tastaturereignisse innerhalb von iframes und syst...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.169 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Ziehe eine benutzerdefinierte Codekomponente in die Seite. Das Modal sollte si...
Derikb
Zur Info: Ich habe die Demo-Seite als reproduzierbaren Link verwendet, obwohl diese Seite nicht die aktuellste Version von GrapeSJS verwendet. Mein lokaler Code verwendet die aktuelle Version und zeigt das gleiche Problem an.
Derikb
Okay, ich verstehe, warum das passiert. Weil das Modal und sein umgebender Hintergrund alle ein Element sind, das die Ereignisse an sich hängt, wird Mausabwärts, Ziehen, Maushoch immer noch als Klick behandelt, weil es sich um dasselbe Ele...
GJS Helper
Das von dir beschriebene Problem ist ein bekannter Randfall, wie Browser-"Klick"-Events mit "Mousedown"- und "Mouseup"-Events interagieren, besonders bei Overlays oder Hintergründen für Modals. Während die modale Schließungslogik von Grape...
@artf Die Elemente mit einer ID in den Symbolen haben in den verschiedenen Symbolinstanzen unterschiedliche IDs. Das macht Sinn, weil es schlecht ist, mehrere Elemente mit derselben ID in einem HTML-Dokument zu haben Ausgabe 1 Nutzer, die ein Symbol auf verschiedenen Seiten haben, sind verwirrt, weil die Stile, die si...
GJS Helper
Sie haben in GrapesJS eine grundlegende Designentscheidung korrekt identifiziert, wie IDs innerhalb von Symbolinstanzen gehandhabt werden. Dieses Verhalten ist zwar entscheidend für die Aufrechterhaltung validen HTMLs, stellt aber tatsächl...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link https://github.com/padcom/grapesjs-closestType-missing Beschreibe den Käfer Dieser Fehler wurde in hier eingeführt. Vor dieser Änderung funktionierte alles wie erwartet. Ich neh...
padcom
Es stellt sich heraus, dass der zweite Parameter nicht immer die Komponente, sondern der Absender des Ereignisses ist, was bedeutet, dass es manchmal die Sammlung der Komponenten ist, die offensichtlich nicht die Methode 'closestType()' ha...
GJS Helper
Es scheint, dass es ein leichtes Missverständnis bezüglich der Verwendung von 'component.closestType()' geben könnte. Nach Überprüfung der bereitgestellten Reproduktionsschritte und des Codes ist 'component.closestType' tatsächlich eine Fu...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Starte mit einer neuen Editor-Instanz mit einer leeren Canvas Vom Block-Panel ziehen Sie eine...
lexoyo
Ich schätze, es ist der gleiche wie dieser Bug?
Pierodetomi
Ich glaube nicht, dass es das gleiche Problem ist. In dem, den du verlinkt hast, verschwinden die Items, während in meinem Fall der Layer Manager in einen Zustand gerät, in dem du eine Schicht nicht mehr verschieben kannst. Sie könnten auf...
GJS Helper
Dies ist ein bekanntes Problem in GrapesJS, das damit zusammenhängt, wie die internen Sorter-Instanzen (die sowohl im Layer Manager als auch im Canvas für Drag-and-Drop verwendet werden) ihren Zustand nach komplexen, ebenenübergreifenden K...
Hier ist ein Video, das den Bug zeigt: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Latest und Chrome v141.0.7390.122 Reproduzierbarer Demo-Link https://canary.silex....
lexoyo
Oh, und ich würde gerne beitragen, wenn du mir sagst, auf welche Lösung ich mich konzentrieren sollte (ein Befehl zum Wiederverbinden von Instanzen, eine asynchrone Methode zum Laden von Projektdaten wie in Silex, ...) CC @artf
artf
Ja, es sieht nach einem Problem mit dieser Art des Seitenladens 🤔 aus Ich sehe auf meiner Seite kein Problem (volle Projektlast). Was ist der Grund für das Laden der Seiten auf diese Weise?
lexoyo
ja, es sieht nach einem Problem bei dieser Art des Seitenlades 🤔 aus, ich sehe bei mir keine Probleme (volle Projektlast). Was ist der Grund für das Laden der Seiten auf diese Weise? Es verhindert, dass der Hauptthread zu lange blockiert...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 145.0 (64-Bit) Reproduzierbarer Demo-Link https://jsfiddle.net/artur_arseniev/ta19s6go/ Beschreibe den Käfer Wie reproduziert man den Bug? Gehe zur offiziellen Symbole-Demo, erstelle ein Symbol und änd...
NilLlisterri
Verstanden, wenn ich etwas innerhalb eines Symbols stylen und die Änderungen teilen möchte, sollte ich eine Klasse hinzufügen. Danke euch beiden für die Hilfe!
lexoyo
Hallo Diese Farbe wird auf das Element angewendet, bei Grapesjs bedeutet das, dass es eine CSS wie '#compid { color: red; } erzeugt' aber IDs sind auf einer HTML-Seite eindeutig, sodass das andere Symbol eine andere ID hat Das ist für mich...
artf
Entschuldigung, kein Bug, sondern ein "Feature" 😅 Meiner Meinung nach sollten Komponentenstile nicht an Symbole gebunden sein; Das ist eine einfache Möglichkeit, Stile zwischen denselben Symbolen zu überschreiben (üblich). Wenn du die gle...
https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/utils/ColorPicker.ts#L2407C5-L2415C6 I traced back to these lines and seems like when converting HEXA to RGBA theese lines mess up results. Is there particular reason to intentionally support legacy ARGB?
artf
Danke für den Bericht. Das hätte hier behoben werden müssen https://github.com/GrapesJS/grapesjs/pull/6672
yvoroniak-infusemedia
Zum Beispiel: '#ff000077' (transparentes Rot) wird in '#000077' (Blauton) umgewandelt. Ich habe es mit Monkey Patch versucht, aber es sieht so aus, als würde Internaly Grapes JS seine eigene Implementierung verwenden und nicht die, die an...
GJS Helper
Das von dir identifizierte Problem bezüglich der Probleme des GrapesJS 'ColorPicker' mit korrekten Farbumwandlungen, insbesondere von HEXA zu RGBA, und deine Beobachtung bezüglich möglicher Legacy ARGB-Unterstützung deuten auf ein weit ver...