Hallo zusammen, Ich versuche, eine Komponente zu erstellen, die ihre Ansicht basierend auf einem Eigenschaftswert aktualisiert '''javascript Redakteur. DomComponents.addType("price-value-type", { isComponent: el => { wenn (el.tagName == "div" & el.hasAttribute("price-value")) { return { type: "price-value-type" }; } }...
artf
um das HTML zu aktualisieren, musst du 'toHTML' im Modell ändern '''js model: { ... toHTML() { const tagName = this.get('tagName'); const price = this.get('defaultPrice'); return '<${tagName}>${price}</{tagName}>'; } } ```
artf
Hast du so etwas ausprobiert? '''js Ansicht: { init() { this.listenTo(this.model, 'change:defaultPrice', this.render); }, onRender() { this.el.innerHTML = this.model.get("defaultPrice"); } } ```
rjrodriguezalvarez97
Ich werde es übermorgen ausprobieren. Danke für deine schnellen Antworten!
! ezgif com-video-to-gif 'index.js:129 Uncaught TypeError: Kann die Eigenschaft 'appendChild' von null nicht lesen bei Object.postRender (index.js:129) um index.js:757 bei Array.forEach (<anonymous>) bei R.<anonymous> (index.js:756) at m (backbone.js:368) Bei V (backbone.js:356) bei h (backbone.js:155) bei r.c.trigger...
artf
Nach Init/Render kannst du den einfachen 'querySelector' verwenden und das DOM dorthin verschieben, wo du willst, aber ich hoffe, du renderst nichts manuell neu
artf
@Elvincth, da du den Fehlerstapel hast, klicke auf den Fehler, um genau zu sehen, wo er auftritt
Elvincth
@Elvincth, da du den Fehlerstapel hast, klicke auf den Fehler, um genau zu sehen, wo er auftritt /*Modul initialisieren. Automatisch mit einer neuen Instanz des Editors aufgerufen@param {Object} config Konfigurationen@return {das}@private...
Schritte zur Fortpflanzung:Wählen Sie ein beliebiges Element aus.Versuche, einen Hintergrund über den Style Manager mit 'Decorations' > 'Background' hinzuzufügen.Klick auf ein Pluszeichen. Erwartetes Verhalten: Es werden keine überflüssigen Wünsche gestellt. Tatsächliches Verhalten: Eine überflüssige GET-Anfrage wird...
artf
Das sollte in der nächsten Version behoben werden.
Hallo @artf ich hoffe, alles läuft gut. Das ist eher eine Erinnerung oder Warnung für ein Problem, das ich gerade hatte, und das ich eine Weile gebraucht habe, um es zu lösen. Wenn die Höhe des Wrappers (standardmäßig durch den Selektor #wrapper modifiziert) auf 'Height: 100%' statt 'min-height: 100%' gesetzt ist, zei...
artf
Hallo Juan, danke für all die Details, ich werde bald ein großes Leinwand-Refactoring zusammenführen und sehen, ob wir das beheben können (z. B. Scroll-Callback an den Wrapper anhängen).
artf
Danke für die Erinnerung @bgrand-ch, ich habe dieses Problem 😬 tatsächlich vergessen Das wird in der nächsten Version behoben.
jcamejo
Freut mich zu hören, ich hoffe, das Refactoring hilft, das Problem zu beheben.
Hallo @artf Wie man das DragData-Ereignis für benutzerdefinierte Komponenten (extern) implementiert. Ich habe die DragData-Methode auf Div Drag verwendet, aber DataTransfer und Content enthalten keine Informationen zur aktuellen Drag-Komponente. Bitte helft mir, es ist dringend, danke. ' this._editor.on('canvas:dragda...
artf
'canvas:dragdata' soll verwendet werden, um die native D&D-Unterstützung zu bereichern. Wenn du zum Beispiel ein Video von deinem Desktop auf die Leinwand ziehst und der Editor es richtig verstehen sollst, würdest du so etwas machen '''js...
Manuel-84
Hast du das geschafft? Ich habe Probleme mit verworfenem Text mit aktiviertem MJML-Plugin, es sollte ein MJ-Text-Element erstellen, stattdessen wird ein Div erstellt
Hey @artf, Wie bekommt man die UTF-8-Codierung von Canvas in Angular 8. Ich brauche das, weil ich BTOA aus dem Frontend kodiere und an den Server sende. Server verwenden base64 zur Dekodierung mit UTF-8, und Sonderzeichen wie spanisch werden vom Server nicht erkannt. Bitte hilf mir.
artf
Hallo, @MariusDK das iframe in der Canvas verwendet kein bestimmtes Zeichensatz, daher sollte es von der Elternseite abhängen oder zumindest aufgrund von HTML5 in UTF-8 sein Zur Info: Wenn du das iframe-Element (für jede Art von Manipulati...
Hallo @artf, Ich habe eine Frage zum Grapes-Editor, die ich in der Dokumentation nicht finden kann, daher hoffe ich, dass du eine Antwort hast. Grundlegendes Setup: Die Konfiguration aller Komponenten wird mit dem init gesetzt 'this.editor = grapesjs.init(defaultConfiguration);' Die Komponenten eines früher gespeicher...
artf
Kann der Editor die neue Komponentenkonfiguration erkennen, ohne manuell eine neue Komponente zur Canvas hinzufügen zu müssen? Nicht wirklich, wenn du die Komponentendefinition auf eine Weise speicherst, lädt der Editor diese Definition. E...
Hovius
Danke für deine Antwort! Ich werde 'avoidDefaults: true' verwenden und es :)
Komponenten werden nicht auf die exakte Position abgeworfen, wenn der Dragmode auf absolut gesetzt ist und ein Zoomwert auf die Leinwand angewendet wird. GrapesJS Version: 0.15.8 Das Problem kann auch in der Demo wiedergegeben werden: https://jsfiddle.net/y8m1x4a3/ Erwartetes Verhalten: Komponenten können auf die Curs...
artf
Das sollte in diesem Zweig behoben werden https://github.com/artf/grapesjs/tree/multi-frame Multi-Framing ist noch weit davon entfernt, abgeschlossen zu sein, aber ich hoffe, diesen Zweig bald zusammenzuführen (großes Leinwand-Refactoring,...
artf
Ich schließe dieses Problem, da ich plane, alle Fragen im Zusammenhang mit absoluter Positionierung hier zu lösen: https://github.com/artf/grapesjs/issues/3770
Textkomponenten können nicht richtig bearbeitet werden, wenn ein Zoom-Wert auf die Leinwand angewendet wird. GrapesJS Version: 0.15.8 Das Problem kann auch in der Demo wiedergegeben werden: https://jsfiddle.net/1n9ruwa4/ Erwartetes Verhalten: Zoom wird auf Canvas mittel:editor angewendet. Canvas.setZoom() Die Textkomp...
mattdeigh
Ahhh, jetzt sehe ich es. Ich habe den Code nicht komplett erfasst. Ich werde damit experimentieren und dir Bescheid geben, was mir einfällt.
Sphenox
Ich schreibe zu diesem Thema, da man keinen 'Leerraum' hinzufügen kann, wenn man sich auf ein '<a>'oder ein '<button>' konzentriert. Es ist in der Demo reproduzierbar, wenn man einen Link hinzufügt: https://jsfiddle.net/1n9ruwa4/ Der Grund...
Arbeitsbeispiel: https://codepen.io/brenton-kelly/pen/wvvOgLN Zu den neuesten Versionen: https://unpkg.com/grapesjs https://unpkg.com/grapesjs/dist/css/grapes.min.css Ich habe eine Gitterkomponente erstellt, bei der der Benutzer die Anzahl der Spalten und die Rinne über den Trait Manager einstellt. Wenn ich den Typ "n...
artf
Du hast 'changeProp: 1' in deinen Eigenschaften vergessen