GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Alle Browser (Chrome, Safari, Firefox, Edge) Reproduzierbarer Demo-Link https://jsfiddle.net/saeedhbi/powxyjdq/3/ Beschreibe den Käfer Wie reproduziert man den Bug? Initialisieren eines GrapeJS-Editors Eine Ko...
artf
Ähnlich wie https://github.com/GrapesJS/grapesjs/issues/6705 Ich kann diese Art von Rennbedingung nicht erstellen (z. B. auswählen und entfernen über die API) und in deinem Beispiel wird getRoot auf einer Komponente überprüft, aber so eine...
saeedhbi
Wie bei https://github.com/GrapesJS/grapesjs/issues/6705#issuecomment-3921025039 lag das Problem in unserer externen Bibliothek, die GrapeJS nutzte, und da es die gleiche Situation wie das Problem 6705 hatte, werde ich sie schließen. Danke...
GJS Helper
Dieses 'TypeError: e.getRoot ist keine Funktion' ist eine bekannte Rennbedingung im Style Manager von GrapesJS, insbesondere wenn Komponenten schnell ausgewählt und dann gelöscht werden. Sie tritt auf, weil die Update-Logik des Style Manag...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 143.0.7499.193 Reproduzierbarer Demo-Link https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit Beschreibe den Käfer Wie repr...
artf
Bitte gib eine isolierte, reproduzierbare Demo, denn das scheint aus deiner Code-Logik zu stammen und nichts mit dem Kern zu tun
GJS Helper
Der GrapesJS-Editor stürzt mit einem 'TypeError: Cannot read properties of undefined (reading 'type')' ab, wenn das Laden Ihrer Vorlage durch fehlerhaftes HTML innerhalb des zu ladenden Inhalts verursacht wird. Konkret haben bestimmte 'div...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.193 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Hallo. Wie reproduziert man den Bug? GrapeJS in eine JS-Datei / Node-Env importieren: auf einer Webseite mit...
GJS Helper
GrapesJS setzt von Natur aus als dynamischer Web-Builder auf das Einschleusen von Stilen und die Manipulation des DOM, was tatsächlich zu Verstößen gegen die Content Security Policy (CSP) führen kann, besonders bei sehr strengen Regeln wie...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v143.0.7499.193 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/2l3887 Beschreibe den Käfer Wie reproduziert man den Bug? Öffne die Seite und lade den GrapesJS-Editor Wählen Sie die Zeilenko...
mdmontesinos
Ich stehe vor einem ähnlichen Problem, bei dem die wiederhinzugefügte Komponente die korrekte Styles-Eigenschaft hat: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcd...
artf
@mdmontesinos deine Verwendung nicht korrekt ist, müssen 'Stile' in der Komponentendefinition definiert werden, und es wird nicht erwartet, dass sich das ändert. Außerdem ist es falsch, IDs für die Komponentendefinition zu verwenden; wenn...
mdmontesinos
@artf ich benutze eine ID, weil es in meinem Projekt immer eine einzelne Instanz dieser Komponente geben wird. Mein Anwendungsfall ist, dass eine Komponente extern als "Hintergrund" konzipiert und dann in Projekte importiert wird, die sie...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v143 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Wie reproduziert man den Bug? Hintergrundfarbe einstellen Setze den Grenzradius unten links auf z.B. 20px. Was ist das...
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Ich kann den Fehler bestätigen, bei dem die Steuerungen 'Border Radius unten links' und 'Border Radius unten rechts' im GrapesJS Style Manager tatsächlich vertauscht sind, was dazu führt, dass...
@artf Die Elemente mit einer ID in den Symbolen haben in den verschiedenen Symbolinstanzen unterschiedliche IDs. Das macht Sinn, weil es schlecht ist, mehrere Elemente mit derselben ID in einem HTML-Dokument zu haben Ausgabe 1 Nutzer, die ein Symbol auf verschiedenen Seiten haben, sind verwirrt, weil die Stile, die si...
GJS Helper
Sie haben in GrapesJS eine grundlegende Designentscheidung korrekt identifiziert, wie IDs innerhalb von Symbolinstanzen gehandhabt werden. Dieses Verhalten ist zwar entscheidend für die Aufrechterhaltung validen HTMLs, stellt aber tatsächl...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.41 Reproduzierbarer Demo-Link https://jsfiddle.net/mghzw41k/2/ Beschreibe den Käfer Im Vorschaumodus funktionieren Ankerlinks mit Hash-Navigation (z. B. href="#section") nicht. Das Standard-N...
doudou673
Ich hatte dasselbe Problem.
GJS Helper
Das Problem, das Sie mit Ankerlinks (Hash-Navigation) haben, die im GrapesJS-Vorschaumodus nicht funktionieren, ist ein häufiges Verhalten, das sich aus der Art und Weise ergibt, wie GrapesJS Interaktionen innerhalb seiner Canvas handhabt....
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 137.0 und Chrome 136.0.7103.92 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Öffne die offizielle Demo https://grapesjs.com/demo.html Um e...
Pierodetomi
Ich kann bestätigen, dass ich dasselbe Problem sehe, und es wird dadurch verursacht, dass das verschwindende Element eine berechnete Höhe von '0px' hat (weil es display: none verwendet). Auch wenn dies definitiv ein Fehler ist, kannst du a...
GJS Helper
Dies ist tatsächlich ein Fehler in der Drag-and-Drop-Funktionalität des GrapesJS Layers-Panels, insbesondere beim Versuch, semantisch verknüpfte Komponenten zu verschieben, wie etwa ein 'Input'-Element mit einer 'id' und ein 'label'-Elemen...
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...