Ich benutze derzeit GrapeJS für ein Projekt, an dem ich lokal arbeite, und habe es mit einigen Tailwind-UI-Komponenten integriert. Es funktioniert größtenteils gut, aber ich habe festgestellt, dass Änderungen an manchen Elementen nicht funktionieren (zum Beispiel das Ändern von Textfarbe oder Formatierung). Wenn ich e...
artf
Danke für den Bericht @kierenayima Selektoren werden in der nächsten Veröffentlichung im CSS entkommen
Hallo zusammen, Ich benutze ckeditor statt Standard-RTE. Ckeditor lädt eigene Plugins und sieht so aus. ! Bild Mit diesem Set von Plugins kann ich die ckeditor-Bildkomponente verwenden und es funktioniert einwandfrei. ! Bild Aber wenn ich diesen Inhalt in der Datenbank speichere und ihn danach neu lade, wird das 'img'...
Sinisavt
Nun, ich habe die Ursache meiner Frustrationen gefunden. 'storageManager: { autoload: false},' Autoload war auf 'falsch' gesetzt. Ich habe das geändert und es funktioniert. 'storageManager: { autoload: true },'
'am.addType('svg-icon', { Ansicht: { 'getPreview()' und 'getInfo()' sind nur einige Hilfen, du kannst Überschreiben Sie die gesamte Vorlage mit 'Vorlage()' Schau dir hier die Basis 'template()' an: https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/AssetView.js getPreview() { return '<div style="text-ali...
artf
Folge der Themenvorlage, wenn du einen Fehler einreichst, musst du zumindest eine reproduzierbare Demo erstellen
Beim Erstellen eines benutzerdefinierten Plugins, falls 'editor. 'Panels.addPanel' nutzt die Inside-Plugin-Funktion – die Tasten werden dupliziert. Beispiel: https://jsfiddle.net/kncdah8b/ Buttons werden nicht dupliziert:bei Verwendung der einzelnen 'Panels.addButton'-API, während Loop-Buttons separat genutzt werdenBe...
Yuzhva
Ich schließe das Problem, da ich die andere Lösung gefunden habe: '''javascript const panelCustom = Editor. Panels.addPanel({ id: 'panelcustom', El: '.panelcustom' }); const panelCustomButtons = panelCustom.get('buttons'); panelCustomButto...
artf
Danke @YUzhva für den Bericht und die Lösung. Ich werde versuchen, das mir anzuschauen
hellocaio
Gleiches hier, ich habe das Beispiel mit den Panels (Getting Start) auch in der Dokumentation getestet und bekomme immer wieder doppelte Buttons. @yuzhva Lösung funktioniert, danke :)
Hallo und danke für die tolle Bibliothek! Vielleicht haben wir beim Herumprobieren den folgenden Bug entdeckt: Beim Hinzufügen eines neuen Standard-"Bildblocks" ohne weitere Konfiguration (wobei der Standard-Bild-Platzhalter belassen wird) wird das Standard-Element 'svg' im exportierten / generierten HTML-Code als 'sr...
mcottret
Danke! #2620 wurde geöffnet.
artf
Danke für den Bericht, MathieugetAttrToHTML-Funktion von grapesjs/src/dom_components/model/ComponentImage.js sollte this.getSrcResult aufrufen (ich bin mir nicht sicher, ob man die Rückfalloption verwenden soll) statt this.get('src'), um d...
Hallo @artf, Ich stelle den DragMode meines Grapesjs-Builders auf "absolut" und baue dann eine Sektionskomponente, um sicherzustellen, dass alle anderen Komponenten in der Sektionskomponente platziert werden müssen. ! Bild Allerdings sollte die Sektionskomponente als "absolut" ignoriert werden, sie sollte statisch sei...
artf
Wenn du dragMode in der init-Konfiguration deklarierst, ist das der Standard für ALLE Komponenten, und dann kannst du, wenn du möchtest, den dragMode pro Komponente ändern https://github.com/artf/grapesjs/issues/1936#issuecomment-521269499
WARNUNG LESEN und FOLGEN Sie den nächsten 5 Schritten, dann ENTFERNEN Sie sie, bevor Sie das Problem veröffentlichenBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdVerwenden Sie die GitHub-Probleme EXKLUSIV für BUGS, FEATURE-ANFRAGEN oder FRAGEN. Setzen Sie den Tit...
Pouyamiralayi
@Rasazna im untenstehenden Beispiel nutze ich es in einem "ausgewählten"-Event, sodass die Änderungen angewendet werden, wenn man auf einen Eintrag klickt! Prost!
Rasazna
Ich habe nicht verstanden, wie man editor.getSelected().append('<div>...'); Funktion verwendet. Kann jemand ein Beispiel dafür geben.
Hallo @artf, Danke, dass du dieses großartige Repository erstellt hast! Ich bin auf einen Fehler gestoßen, der in der Website-Demo (https://grapesjs.com/demo.html) und in meiner lokalen Version vorhanden ist. Wenn ich einen Kartenblock hinzufüge und darauf klicke, um die Eigenschaften zu ändern, erhalte ich in der Kon...
artf
Scheint ein Fehlalarm zu sein, ich habe die Warnung zum Debuggen hinzugefügt, aber vergessen, dass nicht gefundene Typen auf einfache Eingaben mit '<Eingabetyp="TRAIT-TYP"...' zurückfallen. Ich werde versuchen, es für die nächste Veröffent...
Hallo, Ich habe einen benutzerdefinierten Typ definiert wie: '''javascript Redakteur. DomComponents.addType('customType', { model: { Standardwerte: { Typ: 'customType', TagName: 'customTag', Textbar: 1, Ziehbar: wahr, draggable: ['p', 'div', 'span'] }, }, isComponent(el: HTMLElement) { Lass resultieren; const Tag = el...
makbari
OK. Ich habe einen Workaround gefunden. und da diese Frage zu spezifisch ist, schließe ich die Ausgabe. Danke für die Unterstützung.
artf
Wenn du das 'element.innerHTML = res.result' machst, fügst du den Inhalt einfach als statischen ein, der Editor parst ihn nicht in Components, was du wahrscheinlich suchst, ist das Aktualisieren des Modells 'model.components(res.result)'....
makbari
Danke für die Antwort. Das Ziel ist, das Modell als '' zu<customTag></customTag> behalten und den Inhalt einfach statisch darzustellen. Allerdings habe ich beim Rendern keine Möglichkeit gefunden, auf die statischen Inhalte zu reagieren. D...