GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS 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 Sie werden sehen, dass das grapes ifra...
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 verwenden Welchen Browser benutzt du? Chrome v115 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Videokomponent per Drag & Drop auf die Leinwand.Wähle YouTube oder Vimeo und füge eine Vi...
SLain123
Ich kann den Bug selbst beheben, aber ich kann meinen Branch mit Fix nicht ins Repo verschieben. Es scheint, als hätte ich keine Berechtigung, um einen neuen Branch zu pushen oder zu erstellen.
artf
@SLain123 du musst eine PR aus deinem Fork erstellen https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository
GJS Helper
Das Problem, das du mit YouTube und Vimeo-Autoplay hast, die in GrapesJS nicht funktionieren, ist kein Fehler in GrapesJS selbst, sondern eine Folge moderner Browser-Autoplay-Richtlinien. Browser wie Chrome, Firefox und Safari haben streng...
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? Chrome 114.0.5735.198 Reproduzierbarer Demo-Link https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Beschreibe den Käfer Wie reproduziert man den Bug?Erstelle eine Komponente mit editable:false im ModellLege die Ko...
artf
Die Eigenschaft 'editable' hat standardmäßig keine Bedeutung und wird nur intern von anderen erweiterten Komponenten wie 'Text' oder 'Image' verwendet.
riteshdalal
@artf Wie erstellen wir eine Komponente, bei der GJS die Kinder nicht analysiert?
riteshdalal
Die Eigenschaft 'editable' hat standardmäßig keine Bedeutung und wird nur intern von anderen erweiterten Komponenten wie 'Text' oder 'Image' verwendet. Das funktionierte früher bei älteren GJS-Versionen. Er hat einfach in 0.21.3 aufgehört...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome-Version 114.0.5735.199 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Aktiviere den absoluten Widerstandsmodus...
artf
Probleme im Zusammenhang mit dem Absolute-Modus werden hier https://github.com/GrapesJS/grapesjs/issues/3770 verfolgt.
GJS Helper
Du hast ein häufiges Problem in GrapesJS in Bezug auf absolute Positionierung und Canvas-Zoom genau identifiziert. Dies ist tatsächlich ein Fehler, bei dem die Delta-Berechnung der Drag-Operation den aktuellen Zoomlevel der Leinwand nicht...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 114.0.5735.199 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link N/ABeschreibe den Käfer Es tut mir leid, dass ich das Thema wieder aufgeworfen habe, aber deine Commits funktionieren nicht I...
artf
@joukhar 'npm install GrapesJS/grapesjs#dev' reicht nicht aus, ich habe den Build noch nicht im Dev-Branch erstellt, also wenn du den Fix lokal haben willst, musst du ihn zuerst selbst bauen. Jedenfalls ist es nicht nötig, ein neues Proble...
GJS Helper
Vielen Dank, dass Sie dieses Problem gemeldet und detaillierte Einblicke in die relevanten Codeabschnitte gegeben haben. Sie haben die Ursache des Problems korrekt identifiziert. Ursachenanalyse: Das Problem rührt daher, wie JavaScripts Ei...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 114.0.5735.133 Reproduzierbarer Demo-Link Es ist unmöglich, einen Arbeiter zur Nachbildung hinzuzufügen. Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einen Webarbeiter hinzu.Initialisieren Sie G...
artf
Hallo @bgrand-ch, leider erfordert alles, was den Parser (HTML/CSS) betrifft, die DOM-bezogene API zur Verfügung. Für das CSS könntest du vielleicht versuchen, parser-postcss plugin zu verwenden, ich würde erwarten, dass es in der Worker-U...
bgrand-ch
Hallo @artf, vielen Dank für deine schnelle Antwort, 😄 ich werde es diese Woche versuchen.
bgrand-ch
@artf Das Post-CSS-Parser-Plugin funktioniert einwandfrei in einem Webworker! Danke für deine Hilfe.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 114.0.5735.199 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link N/ABeschreibe den Käfer Wie reproduziert man den Bug?Lass diese Komponente fallen '<Div Class=\"Flex Items-Center Rounded Sha...
artf
Wahrscheinlich in der ersten Augustwoche
artf
Hallo, @joukhar passiert das mit der neuesten Version? Ich kann 'null's im Exportcode sehen, wenn ich dein exaktes JSON-Beispiel benutze (das sollte reparierbar sein), aber ich kann diese 'Textnode's mit 'null' nicht mit deinem HTML-Beispi...
joukhar
Danke für die Wiederholung, falls du eine Demo brauchst, gib mir bitte etwas Zeit, bis ich eine mache, ich kommentiere nochmal, wenn ich fertig bin Das Problem tritt nur auf, wenn du es speicherst und lädst, aber beim ersten Fallen des Bau...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v9.2 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Ich benutze es im Vue3-Projekt Wenn ich neue Komponenten hinzufügen möchte, hängt die Seite und antwortet nicht Das ist mein C...
gxanshu
Hallo! 😊 Ich glaube nicht, dass das ein Bug bei GrapesJS ist. Ich habe deinen Reproduktionslink überprüft und versucht, eine Komponente zur Leinwand hinzuzufügen, und bei mir funktionierte es einwandfrei ohne Probleme. 👍
artf
Man muss die Proxy-Beobachter von Vue umgehen https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160
GJS Helper
Das Problem, auf das Sie stoßen, bei dem die Seite beim programmatischen Hinzufügen neuer Komponenten hängen bleibt, resultiert aus einem falschen Ansatz zur Komponentenerstellung und -anbindung innerhalb von GrapesJS. Im Grunde versuchst...
GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Neueste Chrome-Meldung Reproduzierbarer Demo-Link https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug? ... Mehrere Seiten in grapesjs.initerstellen ()... Überprüfe...
artf
Das ist beabsichtigt und ich habe nicht vor, dieses Verhalten zu ändern, da man leicht spezifische CSS-Selektoren erstellen kann, wenn man pro Seite unterschiedliche Stile benötigt. Der große Vorteil dieses Ansatzes ist, dass Selektoren se...
hasan-aa
Ich glaube, ich habe ein Problem mit diesem Ansatz. Ich speichere die Seiten auf dem Server so: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(component,css)...
GJS Helper
Das Problem, das Sie mit dupliziertem CSS über mehrere Seiten in GrapesJS haben, ist ein häufiger Verwirrungspunkt darüber, wie GrapesJS Styles global innerhalb einer Editor-Instanz verwaltet. Standardmäßig akkumuliert GrapesJS's CssCompos...