GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Opera 10.0.5130.23 | Linux Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Klare LeinwandFügen Sie im Block-Menü die Komponente '1 Spalte' hinzu -> der Reiter 'Einstellungen' wir...
artf
Danke @gladykov, aber das hat nichts mit dem Kern zu tun, es ist nur ein Beispielverhalten, das in der Demo implementiert wurde.
GJS Helper
Dies ist eine berechtigte Beobachtung bezüglich der Nutzererfahrung in GrapesJS. Das von dir beschriebene Verhalten ist kein Fehler im Sinne einer defekten Funktion, sondern eine UX-Inkonsistenz, bei der das Klicken auf eine bereits ausgew...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome V124 Reproduzierbarer Demo-Link https://jsfiddle.net/ycvz2gno/7/ Beschreibe den Käfer Wie reproduziert man den Bug?Einen Textblock in die Leinwand legenDoppelklick auf den Inhalt im TextblockDer Inhalt...
Dobby85
Beim Recherchieren des Codes habe ich gesehen, dass unsere neue Komponente, um die RTE-Funktionalität zu erhalten, 'ComponentTextView' erweitern muss. Mein anfängliches Problem war, dass ich so etwas gemacht habe wie: Und es hat die Ansich...
GJS Helper
Das Problem, bei dem Textkomponenten, die über 'fromElement: true' geladen werden, nicht bearbeitbar sind, selbst mit 'data-gjs-type="text"' und 'editable="true"' im HTML, rührt daher, wie GrapesJS bestehende DOM-Elemente während der Initi...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v123Reproduzierbarer Demo-Link https://jsfiddle.net/xwgons8z/Beschreibe den Käfer Ich versuche, eine hinzugefügte Komponente programmatisch an eine bestimmte Position im Elternteil zu verschieben, da ich...
rhoenerSBS
Ursprünglich wollte ich dasselbe Verhalten mit einer Funktion in der droppbaren Eigenschaft der Elternkomponente realisieren, um zu verhindern, dass Komponenten an einem bestimmten Index abgeworfen werden, aber leider wird der Index nicht...
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Du hast einen subtilen Timing-Fehler in GrapesJS identifiziert, der damit zusammenhängt, wie das Layers-Panel aktualisiert wird, wenn eine Komponente programmatisch direkt nach dem Hinzufügen...
Reproduzierbarer Demo-Link https://node-projects.github.io/web-component-designer-demo/index.htmlBeschreibe den Käfer Vor ein paar Jahren habe ich ein Framework gestartet, um Webseiten mit Webcomponents zu gestalten, und jetzt habe ich GrapeJS gefunden. Ich dachte, vielleicht haben wir die gleichen Ziele und könnten v...
GJS Helper
Danke, dass du dich gemeldet hast und dein Interesse an GrapesJS! Es ist großartig, weitere innovative Projekte im Bereich Webdesign zu sehen. Ihr Web Component Designer sieht sehr interessant aus, besonders mit seinem starken Fokus auf We...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc Version 1.35.0 / Chromium Engine 123.0Reproduzierbarer Demo-Link https://grapesjs.com/demo.htmlBeschreibe den Käfer Mein Spezialfall: In meinem Fall befinden sich alle Stile aus Plugins und allgemeine Stile...
artf
es ist dafür gedacht, Leinwand-Stile zu speichern, Stile, die das Ergebnis von HMTL/CSS nicht beeinflussen, Stile, die nicht exportiert werden, richtig? Richtigstandardmäßig hat der Körper einen weißen Hintergrund, scheint das in allen Bro...
artf
Dafür gibt es die Option canvasCss. Eröffne beim nächsten Mal bitte eine Diskussion, da dies kein Kernfehler ist, sondern eine falsche Verwendung.
ctrhub
Hey @artf. Danke für die Antwort. Ich bin mir nicht sicher, ob wir uns verstanden haben, und ich möchte ein Detail klarstellen. Ja, ich kenne die canvasCss-Eigenschaft, außerdem nutze ich sie, um die Stile der ausgewählten Komponente zu än...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer Demo-Link https://grapesjs.com/docs/getting-started.html#style-manager Beschreibe den Käfer Wie reproduziert man den Bug?Gehe zum Abschnitt "StyleManager" im "Getting Started"-Doku...
bernesto
Hallo @artf, Das eigentliche Problem ist, dass wir versuchen, eine Popover-Palette absolut über ein anderes Element an einer beliebigen Stelle auf der Seite zu platzieren. Und das müssen wir auch tun, wenn das Ursprungselement außerhalb de...
artf
@bernesto kannst du das überprüfen, da es mit deinen Änderungen zusammenhängt?
bernesto
Ja, ich sehe das Problem. Die Logik muss berücksichtigen, wann der Elternteil außerhalb des Containers ist. Lass mich sehen, was ich dort machen kann.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge v122 Reproduzierbarer Demo-Link https://jsfiddle.net/bwreyq29/1/ Beschreibe den Käfer Wie reproduziert man den Bug? Öffnen Sie diesen Link https://jsfiddle.net/bwreyq29/1/ und der JavaScript-Code, der dem...
bernesto
Ich finde, die Pre-Parser-Option ist eine wirklich gute Idee. Es hält sich an das Konzept des 'Plug-in' pro Feature. Wie wäre es, 'fromElement' zu aktualisieren, um eine String-Element-ID oder Boolean zu akzeptieren? Wenn bool == true funk...
artf
Ich stimme @bernesto vollkommen zu, denn egal wie sehr wir uns bemühen, es sicher zu machen, es wird nie ausreichen, und ich möchte nicht den Eindruck erwecken, die Bibliothek sei "so sicher", um eine fehlende serverseitige Validierung zu...
bernesto
Das ist unvermeidbar, wenn man 'fromElement' verwendet, um von einem aktiven DOM-Element zu laden. Das Element der Seite lädt und wird synchron ausgeführt. GrapesJS hätte niemals die Möglichkeit, das XSS-HTML zu verarbeiten und zu entschär...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer Demo-Link https://jsfiddle.net/Lk2bwhp4/ Beschreibe den Käfer Wie reproduziert man den Bug?Platzieren Sie den Editor in einen Container und ändern Sie dann programmatisch die Größe...
artf
Danke @bernesto für den Bericht, aber da wir programmatische Layoutänderungen nicht erkennen können, ohne die Performance zu beeinträchtigen, musst du in diesem Fall das Editor-Layout manuell über 'editor.refresh() aktualisieren (z. B. in...
bernesto
Hallo @artf, ich hatte das tatsächlich versehentlich im letzten Pull Request, den du akzeptiert hast (src/canvas/model/Frame.ts). Du solltest dir vielleicht anschauen, was ich hinzugefügt habe, und sehen, ob es ein Problem verursacht. Wir...
artf
ich hatte das tatsächlich versehentlich in der letzten Pull Request, die du akzeptiert hast, vermischt und ich habe es tatsächlich entfernt, weil es scheinbar nicht zusammenhängend 🤣 war. Es ist kein Problem, es wieder hinzuzufügen, aber...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromReproduzierbarer Demo-Link Kann sie nicht bereitstellen, die Daten sind sensibelBeschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine Seite in den Editor/Canvas ein.Stelle die Höhe für z.B. 600 P...
upadhyay8844
@artf kannst du es dir bitte ansehen?
GJS Helper
Das Problem, auf das Sie stoßen, bei dem ein Kind-Abschnitt mit 'Höhe: 100%' seinen Elternteil überlappt, obwohl der Elternteil feste Höhe und Polsterung hat und andere Geschwister vorhanden sind, ist eine häufige CSS-Layout-Herausforderun...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 122.0.1 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug? Im offiziellen Demo: https://grapesjs.com/demo-mjml.htmlFüge der Leinwand eine...
artf
Wahrscheinlich hängt das mit dem MJML-Plugin zusammen, nicht mit dem Core, da ich es nicht reproduzieren kann (ich würde vorschlagen, ein Problem im zugehörigen Repository zu eröffnen).
GJSBlock
Danke, dass du das gemeldet hast, @codei20. Tolle Frage zum Rückgängigmachen funktioniert nicht beim Wählen von Hintergrund- oder Textfarben über den Farbwähler. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API....