Ich möchte meinen eigenen Stylemanager mit einem UI-Framework wie Element-UI erstellen, um schnell eine schöne Benutzeroberfläche zu erstellen. Aber wie kann ich die Eigenschaften an eine ausgewählte Komponente binden? Ich habe keine API wie 'setProperties to an element...' gesehen. Kannst du dir helfen, wie das geht?...
RutujaBadbe
#2296 Das könnte dir helfen!
artf
Ich denke, so etwas sollte funktionieren, wenn du den Style Manager von Grund auf erstellen musst '''js let targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = Edit...
xinnai
@artf Das ist genau das, was ich brauche! Vielen Dank!
Ich arbeite daran, grapejs mit Vue.js zum Laufen zu bringen, habe aber keinen Erfolg, ich folge dem Beginnen, aber ich bekomme es nicht richtig zum Laufen. Bisher habe ich es im mounted() -Bereich hinzugefügt und einige Buttons mit Blöcken angezeigt und hinzugefügt, allerdings hatte ich keinen Erfolg, den Panels and B...
uchoaaa
Schau dir dieses Problem an, vielleicht hilft es: https://github.com/artf/grapesjs/issues/275
artf
Hallo @joshk132 ehrlich gesagt sieht der Code gut aus, kannst du eine reproduzierbare Demo erstellen (zum Beispiel Codesandbox)?
joshk132
@artf habe ich es so zum Laufen gebracht, dass die Panels angezeigt werden, aber jetzt wird es nicht mehr richtig angezeigt. Die Lösung, die ich tun musste, war, den untenstehenden Code zu verwenden. Im Grunde musste ich "Editor" als Varia...
Hallo! Ich habe versucht, jquery sowohl in Canvas als auch in index.html hinzuzufügen Ich füge es so in Canvas hinzu – 'Canvas = Editor. Leinwand; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' und auf der...
artf
Hier kannst du sehen, wie man Abhängigkeiten richtig lädt https://grapesjs.com/docs/modules/Components-js.html#template-related
GJSBlock
Danke, dass du das gemeldet hast, @RutujaBadbe. Der Fehler ReferenceError: $ ist nicht definiert tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initialisiert ist. Dies ist eine...
Hallo, Ist die Facebook-Social-Media-Komponente dazu gedacht, einen Facebook-Link zu einer Facebook-Seite eines Unternehmens oder einer Organisation bereitzustellen, oder ist sie ausschließlich dazu gedacht, etwas Spezifisches für Ihre Zeitleiste zu teilen? Es scheint Letzteres zu sein, obwohl das mir kontraintuitiv e...
artf
Ich schätze, du suchst dieses https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, dann mein Fehler, danke!
HeyWrecker
Als Anschlussfrage habe ich bestätigt, dass die Instagram-Social-Media-Komponente auf die Instagram-Profilseite verlinkt. Die Facebook-Option hingegen verlinkt nicht auf die Facebook-Seite.
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 @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?