Ich versuche, eine einfache Header-Komponente zu bauen, mit der man H1 bis H6 mit einem Merkmal auswählen kann. Aber wenn eine Option ausgewählt wird, wird die Leinwand nicht aktualisiert. Die Änderung ist in der Codeansicht sichtbar, und wenn ich das Element in der Canvas mit dem Drag-Tool verschiebe, ändert sich das...
artf
@z1lk ich habe so etwas schon für die nächste Veröffentlichung hinzugefügt '''js Modell Inside Init this.listenTo(this, 'change:tagName', this.tagUpdated); // ... tagUpdated() { const coll = this.collection; const bei = coll.indexOf(this);...
z1lk
Ich weiß nicht, warum 'el' eine Zeichenkette sein sollte, aber siehe den Commit, der das Problem geschlossen hat: https://github.com/artf/grapesjs/commit/e450cb98855d16ad819f1214350825a50e45e910 Wenn du die neueste Grapes-Version verwendes...
artf
Ja, das liegt daran, dass man den Tag-Namen eines bestehenden DOM-Elements nicht ändern kann. Wahrscheinlich wäre die Lösung bei der Änderung von 'tagName', den Knoten zu entfernen und zu ersetzen (an derselben Stelle).
Hallo, Ich benutze das voreingestellte News-Letter-Repo, um die Grapes.Js zu untersuchen – wie kann ich mehrere Plugins erstellen und mehrere Plugins im Projekt verwenden? Prost
artf
@frank-Tenzing gibt sie einfach in 'Plugins' weiter. '''js grapesjs.init({ ... Plugins: ['plugin1', 'plugin2', ...], Optionen pluginsOpts: { 'plugin1': {...}, 'plugin2': {...}, ... } }); ```
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo @artf, Wir werden diesen grapes -Editor als E-Mail-Editor in unser Portal einbetten. Da die E-Mail vom Batch-Prozess an Kunden gesendet wird, werden Merge-Tags implementiert, um die Variablen in der Vorlage durch tatsächliche Werte wie Namen, Alter und Adressen der Kunden zu ersetzen. Derzeit sind die Merge-Tags...
hoainam12k
Hallo @frank-tenzing, Ich denke, du solltest das auf Serverseite machen, nicht im Grapes-Editor. Zum Beispiel erstellen Sie ein Verwaltungsformular für Merge-Tags und senden Sie es mit API-Rich-Text-Editor an Grapes. So kannst du einige Me...
artf
wir machen müssen, können die Merge-Tags über einen Button im Panel hinzugefügt werden und dann die hinzugefügten Tags in einer Konfigurationsdatei oder Datenbank speichern Nun, das liegt an dir, so etwas zu bauen. Der Nutzer erstellt eine...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich möchte den Grapes-Editor neu laden, um bestimmte Änderungen zu erhalten, gibt es eine Methode, um den Grapes-Editor neu zu laden?
artf
konkrete Änderungen Welche Art von Veränderungen?
HarshOB
zum Beispiel gebe ich Codes explizit an grapesweiter. Und ich habe mein HTML und CSS bekommen, indem ich auf die Schaltfläche "Code anzeigen" im Header grapes Editor geklickt habe. Aber das wurde dem Editor nicht angezeigt. Sobald ich die...
artf
@HarshOB ich habe nicht genau verstanden, was du mit I pass codes explicitly to grapes meinst, aber wenn du die Editor API richtig verwendest, solltest du das Canvas-Update sehen, z.B.
Ich habe auf diese Weise eine eigene Komponente erstellt und auch Skript verwendet '''js bm.add('test-block', { Etikett: 'Testblock', Attribute: { Klasse: 'fa fa-text' }, Inhalt: { Skript: "console.log('das Element', dies)", Inhalt: "<h1>Hallo 123</h1>", Füge etwas Stil hinzu, damit die Komponente sichtbar wird Stil:...
artf
Ändere das 'Komponenten: "<h1>Hallo 123</h1>",'
HarshOB
Ich habe keine Traits bekommen, wenn ich ein Skript beim Erstellen einer benutzerdefinierten Komponente benutze. Gibt es ein Problem mit Eigenschaften?
artf
Nun, es gibt keine Eigenschaften in deinem Block... Wenn du stattdessen eine benutzerdefinierte Komponente verwenden willst, musst du den 'Typ' einstellen. '''js Inhalt: { Typ: 'Dein-Komponenten-Typ', Skript: "console.log('das Element', di...
Ist es möglich, Eigenschaften mit 'id' oder 'klasse' zu identifizieren, zum Beispiel wenn ich 'Pfade auswählen' benutze und 'id' für das HTML-Tag 'auswählen' geben möchte, damit ich Ereignisse ausführen kann.
artf
Schau hier https://github.com/artf/grapesjs/issues/589
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Könnte ich den Tag-Link (zum Beispiel den Bootstrap-CSS-Link oder meinen Theme-Link) und Style verwenden, wenn ich HTML in grapejs importiere?
artf
@volgan sicher #27
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich benutze ein Merkmal (type=select), um die Klasse einer Komponente zu ändern (eine "Spalten"-Komponente, also Klassen, die die Breite 1-12 repräsentieren). Nachdem ich die vorherigen 'col-*'-Klassen entfernt und die neu ausgewählte hinzugefügt habe (über eine Funktion, die durch die Select-Änderung ausgelöst wird),...
z1lk
Ah. Die ClassTagsView (Klassenbereich des Style-Managers) aktualisiert die Selektorliste im Ereignis "change:selectedComponent" im Editor-Modell. https://github.com/artf/grapesjs/blob/66c19dae4ff5536a34b9ea73d3614fc76752a77c/src/selector_m...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Danke für deinen Beitrag, ich mag ihn sehr. Ich habe einige dinamic Blöcke (ich habe Tabs und wenn ich den Tab ändere, füge ich Gruppen von Blöcken hinzu und entferne die andere Gruppe von Blöcken). Das Problem ist, dass ich beim Entferne alter Blöcke ihre Kategorien nicht entfernen kann. Wenn ich ihre Kategorien mit...
artf
@kkuksin du keine Blöcke/Kategorien entfernen musst, solltest du einfach Blöcke neu rendern. Wir haben hier über Blöcke und Tabs gesprochen #499
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Manchmal löst das Ereignis Traits Change kein Ereignis auf Modell und View aus, und ich habe unten einen Fehler dazu gesehen. Uncaught RangeError: Maximale Aufrufstackgröße überschritten. bei HTMLDivElement. <anonymous> (grapes.min.js:9229) bei o (grapes.min.js:8871) bei i.each (grapes.min.js:9131) bei I.Trigger (grap...
artf
@krunal039 von welchem Ereignis sprichst du? Kannst du zumindest ein Beispiel geben, wie man es reproduzieren kann.
krunal039
@artf unten ist der Codepen-Link und ich habe eine eigene Komponente namens Slider hinzugefügt. Hier, wenn du den Regler in den Editor legst und dann darauf klickst, sollte der Trait Manager geöffnet werden, und wenn du Link-Titel oder Lin...
artf
Ich kann keinen Fehler reproduzieren, aber was ich beim ersten Blick falsch sehe, ist, wie man Modelle aktualisiert '''js ... someModel.attributes.href = this.get("ahref"); Verwendung someModel.set('href', this.get("ahref")); ``` Dann brau...