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...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome V91 Reproduzierbarer Demo-Link https://codepen.io/asenper/pen/QwNMwpV Beschreibe den Käfer Ich erwarte, dass sich die RTE öffnet, wenn ich auf den Text klicke, aber es passiert nichts. Ist das ein Bug o...
artf
Standardmäßig wird die Textkomponente mit einem Doppelklick aktiviert https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/dom_components/view/ComponentTextView.ts#L22
Wenn man generisches HTML importiert, ist es schwer, Textkomponenten richtig zu erkennen. Wenn du HTML bearbeiten kannst, kannst du es über die GJS-Attribute '<div data-gjs-type="text">Insert...' erzwingen.
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 142.0.7444.61 Reproduzierbarer Demo-Link https://codepen.io/DavidHarvey-the-lessful/pen/ZYWeMbG Beschreibe den Käfer Der Status der Komponente "droppable" wird ignoriert, wenn eine "textfähige" Komponen...
Das Problem, bei dem 'droppable: false' auf einer GrapesJS-'Text'-Komponente ignoriert wird, wenn eine 'textable'-Komponente hineingezogen wird, ist ein bekanntes Verhalten, das sich aus der Integration seines Rich Text Editor (RTE) durch...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome & Firefox Reproduzierbarer Demo-Link Beschreibe den Käfer Wie reproduziert man den Bug? Chrome & Firefox: Fügen Sie einem Bild / Text Füllmaterial hinzu Manchmal tritt der Fehler auf, manchmal nicht. ht...
trebor94
Ich habe dasselbe Problem und benutze auch das Plugin 'grapesjs-mjml'. Anscheinend tritt sie nur auf, wenn ein Projekt geladen wird, das die Eigenschaft 'Style' auf den 'Attributen' einer Komponente hat, wenn das Projekt geladen wird. Nach...
trebor94
Leider konnte ich nicht genau herausfinden, wo oder wann die Eigenschaft 'Style' beim Export von Projektdaten aus einem zuvor geladenen Projekt zum Komponenten-'Style' hinzugefügt wird. Vielleicht kann jemand anderes herausfinden, was das...
GJS Helper
Es sieht so aus, als hättest du einen Fehler in GrapesJS gefunden, insbesondere beim Arbeiten mit MJML-Komponenten und der Anwendung von Stilen wie Padding, was dazu führt, dass ungültige Attribute generiert und gespeichert werden. Dieses...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 141.0.7390.123 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/jovial-elion-js8zgy?file=%2Findex.js%3A1%2C1-15%2C1 Beschreibe den Käfer '''javascript Importier...
artf
Hey, @bilogic deine Demo scheint die richtige API zum Erweitern von Komponenten zu verwenden; die, die auf '.extend(' basiert, wurde schon vor langer Zeit fallen gelassen.
GJS Helper
Das Problem, auf das Sie stoßen, wenn Sie ein GrapesJS-Komponentenmodell erweitern, insbesondere den Typ 'Link', und versuchen, dessen Eigenschaft 'defaults' durch direkte Referenz auf 'linkType.model.prototype.defaults' zu setzen, ist ein...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 141.0.7390.123 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Unsere Anwendung bedient Kunden, die verlangen, dass alle Seiten für alle Nutzer zugänglich sind. Ich leite...
niemyjski
Ich sehe dieses Verhalten auch.
artf
Das hängt mit https://github.com/GrapesJS/preset-webpage zusammen Du kannst Styles über dieses Plugin aktualisieren oder eine PR mit den Fixes einreichen.
GJS Helper
Um vollständige Barrierefreiheitskonformität in einem komplexen, dynamischen Webeditor wie GrapesJS zu erreichen, ist sorgfältige Überlegung und Anpassung erforderlich. Das WAVE Evaluation Tool weist häufig auf Probleme hin, die mit fehlen...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome neueste Version Reproduzierbarer Demo-Link https://app.grapesjs.com/studio Beschreibe den Käfer Wie reproduziert man den Bug? Initialisieren des GrapesJS-Editors mit der Standardkonfiguration des Geräts...
GJS Helper
Das von dir beschriebene Problem ist eine bekannte Verhaltensänderung, die in GrapesJS v0.22.10+ eingeführt wurde, bei der Standardkomponentenstile auf gerätespezifische Medienabfragen falsch angewendet werden, wenn eine Komponente hinzuge...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 140.0.7339.214(正式版本) (x8664) Reproduzierbarer Demo-Link https://codesandbox.io/p/devbox/d27l6n Beschreibe den Käfer Ich möchte eine benutzerdefinierte dynamische Listenkomponente basierend auf GrapesJS erstell...
GJS Helper
Das Einfrierproblem, das Sie mit Ihrer benutzerdefinierten Dynamic List-Komponente in GrapesJS haben, ist ein klassisches Beispiel für eine Event-Feedback-Schleife. Sie tritt auf, weil der Ereignis-Listener, der für die Aktualisierung der...