GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome NeuesteReproduzierbarer Demo-Link https://codesandbox.io/s/silent-river-ifczcvBeschreibe den Käfer Wie reproduziert man den Bug?Besuchen Sie die SeiteSiehe Konsole. Achte auf den ''- und 'body'-Wähler Erw...
artf
Es gibt Standardstile, die du einfach deaktivieren kannst (eine leere Zeichenkette weitergeben) https://github.com/GrapesJS/grapesjs/blob/a83847b1b35e69e5a5810ccf1eb1e1384bf0aab1/src/editor/config/config.ts#L143-L147
GJSBlock
Danke, dass du das gemeldet hast, @handhikadj. Tolle Frage zu setStyle/getCss() erzeugt duplizierte CSS. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge 109.0.1518.70 Reproduzierbarer Demo-Link https://jsfiddle.net/rudacs/kr2x1mnh/ Beschreibe den Käfer Wie reproduziert man den Bug?Ändere eine Eigenschaft in StyleManager.Ändern Sie die Breiteneigenschaft i...
artf
Hey, @rudacs hast du stattdessen versucht, 'style:property:update' zu verwenden?
Rudacs
Dieses Ereignis funktionierte. Wurde es auf dieses hier geändert? Und für eine einzelne Immobilie? Wie bekomme ich, was die Komponente und das Eigentum geändert haben? Tranks.
SagarMaria
Ich bin hierher gekommen, weil ich dasselbe Problem habe. Die Verwendung des vorgeschlagenen 'style:property:update' scheint zu funktionieren, aber aus irgendeinem Grund wird es bei jedem Klick ausgelöst. Außerdem, wie können wir eine best...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 109.0.5414.87 Reproduzierbarer Demo-Link https://jsfiddle.net/o45ncveu/6/ Beschreibe den Käfer Wie reproduziert man den Bug?Open Fiddle Linkvor dem Timeout für einige Komponenten zu schwebenWarten Sie,...
artf
Leider ist das zu erwarten, man muss nach "externen" Layoutänderungen 'editor.refresh()' verwenden.
GJSBlock
Danke, dass du das gemeldet hast, @LukasSouza. Sicherheits- und Abhängigkeitsfragen sind wichtig. Das GrapesJS-Team arbeitet aktiv daran, Abhängigkeiten aktuell zu halten. Für dich gerade jetzt: Führe 'npm audit fix' aus, um verfügbare Pat...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Firefox 108.0.2Reproduzierbarer Demo-Link Nicht möglich in jsfiddleBeschreibe den Käfer grapesjs-cli - 3.0.1 grapesjs - 0.20.3 Wie reproduziert man den Bug?Einen Newblock mit diesem Vorlagenliteral hinzufügen un...
artf
Ich werde die Escape-Funktion aktualisieren, vorerst kannst du deine eigene über diese Option bereitstellen.
GJSBlock
Danke, dass du das gemeldet hast, @agreif. Tolle Frage zum '@'-Anmeldekurs-Attributwert des Blockinhalts ändert sich zu einem '-'-Zeichen, wenn Vorlagen-Literale verwendet werden. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der erei...
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 zu verwendenWelchen 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 Ver...
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...