GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link Nein Beschreibe den Käfer Seit dem Wechsel von artf zu GrapesJS glaube ich, dass viele Links immer noch zum ursprünglichen Repository verlaufen https://github.com/GrapesJS/grape...
lexoyo
Ich habe eine persönliche Bestleistung gemacht, ich hoffe, ich habe nichts übersehen, ich musste fast jeden Link testen.
artf
Ich denke, manche Dinge leiten um, aber andere könnten kaputt sein. Ich würde mich über eine PR freuen, wenn jemand helfen möchte 🙏
GJSBlock
Danke, dass du das gemeldet hast, @lexoyo. Das Problem mit unterbrochenen Links in der Dokumentation scheint ein Rennzustands- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusere...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v108.0.5359.98 Reproduzierbarer Demo-Link https://codesandbox.io/s/grapes-js-template-literal-forked-6kgvrb?file=/src/App.js Beschreibe den Käfer Ich versuche, eine benutzerdefinierte Komponente zu erst...
artf
Lies diesen Leitfaden sorgfältig durch, alles im 'Skript' liegt außerhalb des Bearbeitungsbereichs. Sie können die Komponente selbst aktualisieren, indem Sie die Methode component.components verwenden oder direkt in der Definition die 'com...
GJSBlock
Danke, dass du das gemeldet hast, @panditlakshya. Tolle Frage zu Grapesjs erkennt keine Komponententypen, wenn es innerHTML über Skript setzt.. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Übe...
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? 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 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...
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 💯