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 verwenden Welchen Browser benutzt du? Firefox 116.0.3 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug?Scrollen Sie auf der Leinwand nach unten und wählen Sie eine Komponente ausÖffne...
GJS Helper
Du hast einen Fehler in GrapesJS korrekt identifiziert, bei dem die 'ScrollCanvas'-Funktion die Leinwand nicht scrollen lässt, um eine ausgewählte Komponente in den Bildschirm zu bringen, insbesondere beim Auswählen von Komponenten aus dem...
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, Opera, Edge usw Reproduzierbarer Demo-Link https://jsfiddle.net/crszh0jo/6/ Beschreibe den Käfer Ich versuche, es im gleichen Fall wie hier beschrieben zu gestalten [[FRAGE] Auswahl benutzerdefinierter...
DreamCloudProject
@artf Ja, du hast recht. Ich blockiere die Klickpropagation, sodass der Editor das Klickereignis nicht empfängt und daher die Logik zur Auswahl des Elements nicht ausführen kann. Ich habe versucht, die Klickpropagation nur auf das aktuelle...
DreamCloudProject
https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f This example shows how it works in my editor.
yatoogamii
Hallo @DreamCloudProject, es sieht so aus, als wäre dein Komponenten-Msc-Header gesperrt. Es handelt sich um ein Attribut, das es ermöglicht, die Komponente von den Ebenen aus zu klicken, aber nicht direkt von der Canva aus Kannst du deine...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/sdimitrenco/wao1rh0q/30/ Beschreibe den Käfer Das ist die Struktur meiner Komponenten Wenn ich den Text im Span-Tag im Texteditor ändere und dann den Foku...
artf
Du solltest keinen "Inhalt" in deinem Textbereich haben; wenn du ihn durch "components": "[email protected]"" ersetzt, funktioniert es tatsächlich richtig.
GJS Helper
Das Problem, das du erlebst, bei dem editierbarer Text innerhalb eines verschachtelten 'Span' (einer 'Text'-Komponente) innerhalb einer 'Link'-Komponente nach Verlust des Fokus in seinen vorherigen Zustand zurückfällt, ist eine bekannte Sy...
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? Chrome v115.0.5790.170 Reproduzierbarer Demo-Link https://jsfiddle.net/BenKhz/yfwqc6mu/1/ Referenz Die Dokumente hierBeschreibe den KäferOffen bereitgestellte Geige HierWähle eine Komponente auf Canvas aus und f...
artf
Hallo, @BenKhz das passiert, weil die 'Selector*'-Ereignisse mit dem globalen Selectors-Container zusammenhängen (wenn du einen Selector aus der Komponente entfernst, ist der Selector selbst noch vorhanden, da er auch anderswo verwendet we...
BenKhz
Ah! Ich habe das falsch verstanden. Danke für die Klarstellung. Mach weiter so!
GJS Helper
Vielen Dank, dass Sie dieses Problem gemeldet haben und für Ihre freundlichen Worte zu GrapesJS! Du hast einen häufigen Verwirrungspunkt bezüglich GrapesJS-Events angesprochen, und das ist eine ausgezeichnete Frage. Ursachenerklärung Das E...
GrapesJS-Version 0.21.4[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 113.0.5672.63 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n/11/Beschreibe den Käfer Wie reproduziert man den Bug? Verschiebe alle Textkomponenten auf der Seite hin und her. Eine...
artf
Hallo @rajevar ich glaube, du suchst nach dem Ereignis 'component:create', da 'component:add' wie erwartet funktioniert (z. B. könnte es verwendet werden, um jede neue Bewegung innerhalb einer bestimmten Komponente zu verfolgen).
GJS Helper
Du hast korrekt einen häufigen Verwirrungspunkt bei der Event-Behandlung von GrapesJS erkannt. Das Ereignis 'component:add' wird tatsächlich nicht nur ausgelöst, wenn eine neue Komponente vom Blockpanel auf die Leinwand gezogen wird, sonde...
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? Chrome Version 115.0.5790.114 Reproduzierbarer Demo-Link https://jsfiddle.net/mcraf3se/5/ Beschreibe den Käfer Hallo, ich fange gerade mit GrapesJS an, daher ist es ziemlich wahrscheinlich, dass ich etwas Grun...
artf
Der Fehler hier ist die Verwendung der Pfeilfunktion, ersetze sie einfach durch 'clickOnElement() {'
GJS Helper
Das Problem, bei dem 'das' im View-Event Handler deiner benutzerdefinierten Komponente als 'Fenster' oder 'undefiniert' bezeichnet wird, ist ein häufiges JavaScript-Bindungsproblem, besonders bei der Verwendung von Pfeilfunktionen. Es ist...