GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Reproduzierbarer Demo-Link https://jsfiddle.net/8rm5wv2y/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Beispielseite in Firefox öffnen (es gibt keine Änderungen)Klicke auf Code anzeigen, du sieh...
artf
Leider hat das nichts mit Grapesjs selbst zu tun, sondern daran, wie Firefox mit editierbarem Text umgeht. Ich denke, eine Möglichkeit wäre, auf einen benutzerdefinierten Rich-Text-Editor umzusteigen, der nicht auf das native Verhalten ang...
edenizk
Danke für deine Antwort 🙂
GJSBlock
Danke, dass du das gemeldet hast, @edenizk. Tolle Frage zum <br/> Hinzufügen zu einzeiligem Text, nachdem man zum ersten Mal in Firefox das Leerzeichen betreten hat. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteue...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v108Reproduzierbarer Demo-Link https://grapesjs.com/demo.htmlBeschreibe den Käfer Wie reproduziert man den Bug?Grapesjs-Editor einrichtenNach Vorlage importieren https://pastebin.com/d9S2M0iSGanz unten in...
artf
Sie müssen nur diese Option aktivieren: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors
GJSBlock
Danke, dass du das gemeldet hast, @zoilorys. Gute Frage zum Bearbeiten der CSS-Eigenschaft setzt einen Stil auf eine gemeinsame Klasse statt auf ein Element. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten AP...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Mutige letzte Version Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer Wie reproduziert man den Bug?Öffne die Demo-SeiteÖffnen Sie die EntwicklertoolsAusführen: 'let projectData = edit...
allenhwkim
@ronaldohoch mit dem Edge-Browser funktioniert es mit dem von dir gegebenen Befehl. 'let projectData = editor.getProjectData();' 'Redakteur. DomComponents.clear();' 'editor.loadProjectData(projectData);' Ich glaube nicht, dass GrapesJS den...
ronaldohoch
Ich habe auch den Befehl 'editor.runCommand("core:component-outline")' ausgeführt und er wurde nicht angezeigt, ich musste zweimal auf den Button klicken, damit er erscheint
ronaldohoch
Hallo @allenhwkim, danke für den Kommentar. Aber peinlicherweise habe ich es nicht in anderen Browsern getestet. Ich glaube, meine Kunden nutzen Brave nicht, also lasse ich diesen Teil weg. Durch all diese Tests habe ich es jedoch geschaff...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 109 Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Wie reproduziert man den Bug? Was ist das erwartete Verhalten? Der Entwicklungsserver startet. Wie ist das aktuelle Verhalten? Ich benutze Node...
mnutt
Ja, ich kann es auch auf 'grapesjs-style-filter' reproduzieren, dieselben Arten von Fehlern.
mnutt
Ich konnte diesen Fehler umgehen, indem ich die Build-Pipeline geändert habe, um moderneres JavaScript auszugeben (über '--targets="> 3%"), obwohl das durch die Verwendung von es6-Klassen Backbone-Fehler verursacht.
artf
Ich kann auf meiner Seite mit einer Neuinstallation nicht reproduzieren, benutzt du den Dev-Branch?
GrapesJS Version[X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Chrome 108.0.5359.125Reproduzierbarer Demo-Link https://codesandbox.io/s/frosty-darkness-7po7xlBeschreibe den Käfer Wie reproduziert man den Bug? myBlock nutzenKlicke auf den Test-Button Was ist das erwartete Verhalten? thi...
artf
Zuhörer sehen keine tiefen Veränderungen, daher muss man in diesem Fall ein neues Array erstellen '''js component.set(this.traitName, [... this.items]); ```
chaegumi
Danke @artf. Ich verwende JSON.stringify und JSON.parse, um meine Daten zu verwalten.
GJSBlock
Danke, dass du das gemeldet hast, @chaegumi. Gute Frage zu this.on('change:attributes:type', this.handleTypeChange) unterstützen kein Array-Typ. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox v91.4.1 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Geh zur grundlegenden Grapesjs-Demo: https://grapesjs.com/demo.htmlDie Leinwand räume...
artf
Dies ist aufgrund einiger Logik im Zusammenhang mit dem Rich-Text-Editor zu erwarten. Du kannst 'component.getInnerHTML()' verwenden, um das innere HTML zu bekommen, oder 'component.components()', um innere Komponenten zu erhalten.
GJSBlock
Danke, dass du das gemeldet hast, @NicoGGG. Gute Frage zu Komponenteninhalt wird nach dem Inline-Editing auf leeren String gesetzt. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 109.0.5414.87Beschreibe den Käfer Wie reproduziert man den Bug?Erstellen Sie eine @keyframes-Animation auf der GrapesJS-LeinwandErstelle in JS eine neue CssRule, indem du den folgenden String in d...
artf
Scheint mit CssGroupRuleView hier zusammenzuhängen. Bei AT-Regeln wie '@keyframes' müssen wir das erneute Rendern des Elterncontainers erzwingen.
wunksert
@artf wieder mit diesem Problem mit 'Editor. CssComposer.remove(myCssRule)' Der Editor entfernt die Regel per CSS, aber sie wird nicht bis zum DOM durchgespült. Wie empfiehlst du, das DOM erzwingend neu zu rendern und dabei den Zustand mei...
GJSBlock
Danke, dass du das gemeldet hast, @wunksert. Gute Frage zu CSS-Bearbeitungen werden nicht bis zum DOM übernommen. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 108.0.5359.125 Reproduzierbarer Demo-Link https://codesandbox.io/s/sweet-hugle-w00pqx Beschreibe den Käfer Wie reproduziert man den Bug?Zieh meinen BlockCode anzeigen Was ist das erwartete Verhalten? Wi...
GJSBlock
Danke, dass du das gemeldet hast, @chaegumi. Gute Frage zu nicht component.addAttributes({[traitName]:value} verwenden, du solltest component.set(traitName, value) manchmal verwenden. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 109 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Hallo, Mir ist aufgefallen, dass wenn ich mehrere Seiten im projectData lade, die denselben 'id' im HTML haben, grapes...
artf
Hey @bgrand-ch, ich denke, eines Tages werden alle Grapesjs-Einheiten ein globales 'UID' haben, also würde ich langfristig erwarten, dass dieses Problem behoben 🤞 wird
quentin-bettoum
Zuerst wollte ich alle Seiten zusammen generieren, um für alle Seiten eine einzige CSS-Ausgabe zu haben. Aber jetzt probiere ich eine andere Lösung für die Stile aus. Für das 'id'-Problem könnte es also eine Lösung sein, jede Seite separat...
bgrand-ch
Grapes, bestimmte Datenattribute (so etwas wie 'data-grapes-id') als eindeutige Identifikatoren zu verwenden, um die id für einige Frontend-Skripte frei zu lassen. Mir gefällt diese Idee 💯
GrapesJS Version[X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Chrome Version 108.0.5359.125, Mozilla 107.0Reproduzierbarer Demo-Link https://jsfiddle.net/stanislavdimitrenko/d61cm4yg/14/ Beschreibe den Käfer Also, dieses seltsame Verhalten von grapes js. Wenn du diese Struktur hast "E...
artf
Ja, im Moment ist das ein erwartetes Verhalten für geparste Textknoten ohne richtige Wrapper und keine textfähigen Komponenten als Geschwister. Um diese Knoten bearbeitbar zu machen, muss man sie also richtig in einem Tag wie Span umwickel...
GJSBlock
Danke, dass du das gemeldet hast, @sdimitrenco. Das Problem mit Kann den Textknoten innerhalb des Divs nicht bearbeiten, wenn das Div im Tag p > Span hat. scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies pass...