GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v133 Reproduzierbarer Demo-Link https://jsfiddle.net/2hjdrb7L/1/ Beschreibe den Käfer Wie reproduziert man den Bug? Initialisiere einen grapesjs-Editor mit grapesjs v0.22.x und dem grapesjs-touch-Plugin...
bamiendev
Dasselbe Problem
federica-capobianco
Hast du es geschafft, es zu lösen? Ich stehe vor einem ähnlichen Problem
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 131.0.6778.205 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Beschreibe den Käfer Wie man den Fehler reproduziert:Fügen Sie dem Korpus die 'Dark-Style'-...
artf
Ja, das wird nicht unterstützt, da es möglicherweise Leistungsbeeinträchtigungen gibt, wenn man versucht, eine mögliche Regel zu erfüllen. Was du aber tun kannst, ist, jede Regel über styleManager.select auszuwählen.
MLMarxx
Okay, danke für die Klarstellung – ich benutze derzeit Select, hat jemand eine Idee, wie man Medien-Tags so ansteuern kann?
artf
Du kannst die benötigte CSSRule ('getRule') holen und sie dann an styleManager.select weitergeben
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/YPKwRBg Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine Zeilenkomponente aus dem Blockmanager hinzu.Ändere die Breite im Style...
GJSBlock
Danke, dass du das gemeldet hast, @Harshsne26. Tolle Frage, ob !wichtig zu jedem Bauteilstil hinzugefügt wird. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Do...
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 Beschreibe den Käfer Wie reproduziert man den Bug?Besuchen Sie einfach die Demo-Seite von Grapesjs, die Leinwand wurde nicht gerendert Was ist das er...
artf
Ich schließe diese, da die Demo scheinbar gut läuft, vielleicht etwas mit deinem Browser-Cache/Erweiterungen zu tun
GJS Helper
Der Uncaught TypeError: Cannot set properties of null (setting 'isEditor')-Fehler, insbesondere wenn er auf der GrapesJS Demo-Seite mit einer leeren Leinwand auftritt, weist auf einen kritischen Fehler während des Initialisierungsprozesses...
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?Versuche, zum Beispiel ganze Seitenleisten-Tools/Text/alles auszuwählen.Greifen Sie es auf und...
artf
Du kannst über das Ereignis 'canvas:dragdata' kontrollieren, was im Canvas abgeworfen wird. https://jsfiddle.net/artur_arseniev/87rcb24n/
GJS Helper
Das von dir beschriebene Problem, bei dem beliebige Elemente von außerhalb der GrapesJS-Canvas (einschließlich Teile der UI des Editors) in die Canvas gezogen und abgelegt werden können, ist ein häufiges Verhalten, das sich aus der nativen...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v131Reproduzierbarer Demo-Link https://jsfiddle.net/cmq9end2/1/Beschreibe den Käfer Wie reproduziert man den Bug?Füge im srcset eine img mit einer ungültigen URL zur Canvas hinzu Überprüfen Sie den Netzwe...
GJS Helper
Das von dir beschriebene Problem, bei dem ein "<img>Tag mit einem ungültigen "srcset"-Attribut (und ohne "src"-Attribut) eine unendliche 404-Anfrageschleife verursacht, ist in einigen Browsern (wie Chrome) ein bekanntes Verhalten und kein...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? 131.0.6778.86Reproduzierbarer Demo-Link https://jsfiddle.net/badiuciprian/qe28obhr/1/Beschreibe den Käfer Wie reproduziert man den Bug?Versuche, einen beliebigen Block auf die Leinwand zu ziehen Was ist das erwa...
mohamedsalem401
Ich habe es geschafft, es zu reproduzieren. Das passiert nur auf 'nativeDnD: false'. Wahrscheinlich führt das dazu, dass die Blockansicht die API des alten Sortierers verwendet. Ich werde versuchen, eine Lösung dafür voranzutreiben.
artf
@mohamedsalem401 kannst du bitte diesen hier überprüfen?
badiuciprian
Danke, dass du dich darum gekümmert hast. Ich werde auf das Update achten.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Arc v1.61.1 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapesjs-react-components-n6sff Beschreibe den Käfer @artf Zunächst einmal vielen Dank für diese großartige Bibliothek. Ich habe versucht, benutz...
artf
Ja, das ist aus Demo-Sicht zu erwarten. Du kannst mit dem Code experimentieren und deine Lösung finden, aber ich schließe das jetzt ab, da es kein Kernfehler ist.
GJS Helper
Das beobachtete Verhalten, bei dem benutzerdefinierte React-Komponenten in ein zusätzliches div mit GrapesJS-spezifischen Attributen eingebettet werden, ist grundlegend dafür, wie GrapesJS Komponenten im DOM verwaltet. Dieses div ist im Gr...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 130.0.6723.59 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Beschreibe den Käfer Wie reproduziert man den Bug?Konsole öffnen.Mehrere K...
artf
@mohamedsalem401 das passiert wahrscheinlich wegen des oberflächlichen Editors. Ich denke, es wäre sinnvoll, die 'temporäre' Option (die wir bereits nutzen, um einige Aktionen zu überspringen) in canMove zu nutzen. Was ist das? '''js const...
mohamedsalem401
@artf Ja, ich vermute, es hat mit dem oberflächlichen Editor zu tun. Hoffentlich funktioniert die temporäre Option und dann eröffne ich eine PR
bt-mkt
@mohamedsalem401 das passiert wahrscheinlich wegen des oberflächlichen Editors. Ich denke, es wäre sinnvoll, die 'temporäre' Option (die wir bereits nutzen, um einige Aktionen zu überspringen) in canMove zu nutzen. Was ist das?'''jsconst W...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/a2hbxg0y/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Entwicklungswerkzeuge öffnen und den Element-Stil für den iframe-Körper schreiben – Zoom: n;...
artf
Du solltest den Zoom des iFrames nicht bearbeiten, sondern die native API verwenden.
GJS Helper
Du hast einen bestimmten Fehler in GrapesJS identifiziert, der mit der Funktion 'showOffsets' zusammenhängt, wenn auf dem iframe-Körper eine CSS-Eigenschaft 'zoom' angewendet wird. Das ist eine berechtigte Beobachtung, und ich kann das von...