Hallo, ich entwickle eine Lösung, mit der Schüler ihre Highschool-Erfahrungen als Folien aus dem Grapejs-Editor (ähnlich wie Canva) schildern können, und habe den Editor im 'absoluten' Modus konfiguriert, was wunderbar funktioniert. Allerdings kann ich im Editor keinen Weg finden, den abgeworfenen Block mit den Pfeilt...
artf
Nein, leider wäre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewählte Komponente holen und ihren Stil aktualisieren.
Michaelhofer
Ich habe dafür eine funktionierende Lösung gefunden, wie folgt: Die Befehle werden wie folgt hinzugefügt: Die Methode 'moveSelectedElements' macht einfach Folgendes: Wenn man jedoch die Elemente mit Pfeiltasten bewegt, scrollt auch die Lei...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Verhindern Sie die Standard-Browser-Aktion verhindern: wahr, });
Es sind viele Klicks erforderlich, um Text bearbeitbar zu machen, können wir das Textfeld mit einem einzigen Klick bearbeiten lassen? Ich weiß, ein Einzelklick kann beim Herumziehen von Blöcken nervig werden, und das ist schon ziemlich üblich, aber in meinem Fall möchte ich nur mit einem Klick bearbeiten, falls möglic...
Danke, dass du das gemeldet hast, @fahad157. Danke, dass Sie Ihren Bericht über Single Click Text Edit geteilt haben. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbares Beis...
Ich habe eine Komponente, die die Style-Manager-Eigenschaft 'background-URL' verwendet: Ich möchte diese Benutzeroberfläche, die im Style Manager angezeigt wird, für ein Hintergrund-URL-Merkmal wiederverwenden, das unter "Einstellungen" angezeigt wird: ! Screenshot 2021-03-11 um 12:28:27 Uhr Ist es möglich, eine Style...
artf
Leider ist das noch nicht möglich, aber es ist geplant, bald ein neues UI-Modul hinzuzufügen, das die Wiederverwendung von UI-Elementen ermöglichen sollte
Zachsnoek
:+1: Danke!
GJSBlock
Danke, dass du das gemeldet hast, @zachsnoek. Tolle Frage zum Erstellen eines Merkmals mit der Style-Manager-Eigenschafts-UI. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie...
Version: 0.16.44 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x] Nein Was ist das erwartete Verhalten? Wirklich alles andere. Beschreibe den Bug detailliert Ich habe versucht, Skripte in die Leinwand zu laden. Mein erster Versuch war 'Skripte: []' und dann stieß ich auf das Synchronisationsproblem, das in...
KernelDeimos
Ich habe <script>schon eine Weile keine Inline-Tags mehr verwendet und diesen Vorbehalt des HTML-Parsers vergessen. Ich schließe das hier.
GJSBlock
Danke, dass du das gemeldet hast, @KernelDeimos. Das Problem mit Versuchen, Skripte auf Canvas zu laden, könnte JavaScript brechen?? scheint ein Rennbedingungs- oder State-Management-Zeitproblem zu sein. Dies passiert typischerweise, wenn...
Hallo, ich möchte den Quellcode entwickeln, aber ich kann nicht anfangen. Ich bekam Fehler beim Start des Projekts. Kann mir jemand helfen? Vielen Dank!! ! Snip20210311_1
xinnai
@Andrew-Chen-Wang Ich denke, das liegt an meiner Entwicklungsumgebung, also habe ich einen anderen Computer verwendet, um es zu installieren und auf meinen eigenen Computer zu verschieben, weiß immer noch nicht warum, aber jetzt funktionie...
Andrew-Chen-Wang
Für die Entwicklung des Quellcodes schau dir an: https://github.com/artf/grapesjs#development
xinnai
@Andrew-Chen-Wang Ja, das habe ich gemacht, aber ich bekomme immer diesen Fehler – was kann ich tun?
Nach npm i sehen wir, dass das Ausmaß der Schwachstellen inakzeptabel ist. fügte 646 Pakete von 383 Mitwirkenden hinzu und prüfte 762 Pakete in 7,892 Paketen 724 Schwachstellen gefunden (353 niedrig, 23 mittel, 348 hoch) Führe 'NPM Audit Fix' aus, um sie zu beheben, oder 'NPM Audit' für Details Ich versuche, das Probl...
AmtechInnovarch
Deshalb missbilligen erfahrene Programmierer mit jahrzehntelanger Erfahrung JS als Backend-Sprache. Javascript ist nicht als serverseitige Sprache gedacht, und diese Knotenpakete schaffen Schwachstellen, die Server hacken. Dies ist ein ern...
KernelDeimos
Hat grapesJS eine serverseitige Schicht?
KernelDeimos
Javascript ist nicht als serverseitige Sprache gedacht, und diese Knotenpakete schaffen Schwachstellen, die Server hacken. Willst du damit sagen, dass Javascript die einzige Sprache ist, in der Abhängigkeiten Sicherheitslücken verursachen...
Hallo @artf Ich habe die Dokumentation befolgt, um eine neue Art von Vermögensverwalter zu erstellen hier (https://codepen.io/abhi_punk81/pen/MWbWzaq) Ich habe einen neuen Typ erstellt, wie denselben wie in der Dokumentation Wie kann ich diesen Asset Manager öffnen, nachdem ich meinen benutzerdefinierten Symbolblock a...
Abhisheknanda1344463
@artf Es erreicht und auch mit Case-Insensitive umgehen https://user-images.githubusercontent.com/20657737/112457190-82d18980-8d81-11eb-895b-b5c42e849f3a.mov Danke!! ❤️
Abhisheknanda1344463
Hallo @artf irgendwie habe ich es geschafft Bei der aktiven Komponente habe ich das genannt -: '''js Ereignisse: { dblclick: 'onActive' }, onActive () { Redakteur. AssetManager.render (Editor. AssetManager.getAll().filter(asset => asset.ge...
artf
Das sollte ähnlich sein wie das, was du hier schon gemacht hast 'Redakteur. AssetManager.render (Editor. AssetManager.getAll().filter(asset => asset.get('type') == 'svg-icon'));' Finde also Assets durch Suche und aktualisiere sie mit Render
Hallo nochmal! Aktuelle Situation:Ich fange mit dem Bearbeiten anIm Layer-Manager habe ich die Breite des Move-Containers (das Pfeil-Icon) maximiert, sodass ich das Element durch Klicken irgendwo ziehen kannIch bewege mich schnell im Editor und verschiebe versehentlich die Ebene, anstatt sie auszuwählen Was ich möchte...
GJSBlock
Danke, dass du das gemeldet hast, @RaresVlaiduc. Tolle Frage zu welchem Ereignis wird beim Start der Komponente ausgelöst. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die G...
Hallo @artf, das ist ein großartiges Framework, vielen Dank. Ich nutze es jetzt, um Komponenten des mobilen BUI-Frameworks zu erstellen, und ich bin auf ein Problem gestoßen: Ich habe einen benutzerdefinierten Trait-Textbereich hinzugefügt, wie kann ich das machen? Wenn sich die Daten ändern, wird das im Ausgabeskript...
Ju99ernaut
Du musst die Eigenschaft zu 'Script-Props' hinzufügen, du kannst hier mehr lesen https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts
imouou
Danke @Ju99ernaut, falls es sich um eingebaute Funktionen handelt, kann beim Ändern des Skripts der Wert des Parameters empfangen werden. Ich habe derzeit Probleme: Das benutzerdefinierte Feature 'textarea' kann Änderungen wie dom auslösen...
Ju99ernaut
Du kannst versuchen, das Skript zu einer Aktualisierung zu zwingen: '''js Redakteur. DomComponents.addType('slide', { model: { // ... init() { this.on('change:datas', () => this.trigger('change:script')); }, }, // ... }); ```
Hallo. Grapesjs ist ein großartiges Werkzeug. Danke dafür. Ich möchte den Textwert einer Komponente durch Eingaben aktualisieren, wie kann ich das machen?? Wenn ein Nutzer das Eingabefeld mit etwas wie: TEE-SEITE gefüllt hat, sollte sich der Titel darauf ändern. ! Bild
artf
Finde einfach die Komponente und aktualisiere sie nach Belieben '''js const typedByUser = 'tippe etwas...'; const cmp = editor.getWrapper().find('.any-query-selector')[0]; cmp && cmp.components(typedByUser); ```
Millord
Ich möchte auch etwas Ähnliches mit meiner Grapes-App, aber mit React eine Textkomponente über eine Steuereingabe aktualisieren. Kann mir jemand dabei helfen?