Von fontawesome 4. Es wäre auch eine gute Gelegenheit, FA5 diesmal als Peer-abhängig zu machen, damit die Leute es nicht zweimal einbeziehen Einige Symbole müssen ersetzt werden, das ist die einzige Migration
artf
Hallo Matt, wir planen bereits, Fontawesome aus dem Kern zu entfernen und stattdessen SVGs für Symbole zu verwenden:)
antman3351
Hallo, Ich teste aktuell / beginne Entwicklung und integriere GrapesJs in eine bestehende Webanwendung, die FontAwsome 5.12 verwendet (Ich bin wirklich beeindruckt von GrapesJs, besonders davon, wie erweiterbar es ist 👍👌.) Ich hinterlass...
Hallo, Ich benutze Basic Extensions Extensions in Grapesjs. Ich möchte "Video blockieren" in diesen Erweiterungen ausblenden. Wie soll ich das machen? Danke.
artf
Tatsächlich gibt es dafür eine Option '''js var editor = grapesjs.init({ ... Container: '#gjs', Plugins: ['gjs-blocks-basic'], pluginsOpts: { 'gjs-blocks-basic': { Welche Blöcke hinzugefügt werden sollen, einfach 'Video' weglassen? Blöcke:...
hoainam12k
Offene SRC/blocks.js. Zeile 95 -> 109 entfernen (Zeile 95 beginnt mit 'if (blocks.indexOf('video') >= 0) {')Öffne src/index.js, Zeile 7: Entfernen von "Video", Paket neu aufbauen. Ich denke, es wird funktionieren!
! bgcolor Ich kann die Hintergrundfarbe mit dem Spektrum-Farbwähler nicht auf Schwarz setzen. Funktioniert nur, wenn ich Hex-Wert eingebe. Danke für das großartige Framework!
artf
O.o seltsam... Ich habe das ausprobiert und alles scheint in Ordnung zu sein https://jsfiddle.net/3bprucnv/2/
hoainam12k
Du musst einen neuen Block (zum Beispiel Text) ziehen und die Hintergrundfarbe ändern. Das passiert nicht, wenn Blöcke bereits vorhanden sind, wenn du die Seite lädst. Dasselbe Problem bei deiner Demo und im Code von Github, aber auf deine...
alemenciones
@hoainam12k ich dasselbe Problem habe, hast du eine Lösung gefunden?
Gibt es eine Möglichkeit, CSS auf eine bestimmte Breite wie (max-width:767px) anzuwenden, damit wir die Vorlage responsiv machen können???
hoainam12k
Ja, wählen Sie einfach Gerät oben links ! Gerät und den Stil ändern. Du kannst auch benutzerdefinierte Breakpoints hinzufügen, schau auf die Seite API-Device-Manager.
ajaysofto
Okay, danke für die Nachricht
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.
Wir können nur auf allen vier Seiten eine Grenze geben, was ist, wenn wir nur unten oder oben oder links oder rechts einen Rand geben müssen? Gibt es eine Eigenschaft, die wir im Code definieren müssen?
artf
Schau dir das an #575
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 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 Trauben-Editor als E-Mail-Editor in unser Portal einbetten. Da die E-Mail durch den 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 Merg...
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 Trauben explizit Codes weiter. und ich habe mein HTML und CSS bekommen, indem ich auf den Code-View-Button im Header des Grapes Editors geklickt habe. Aber sie wurde dem Herausgeber nicht gezeigt. Sobald ich die Seite...
artf
@HarshOB ich habe nicht genau verstanden, was du mit 'Ich gebe Codes explizit an Trauben' meinst, aber wenn du die Editor API richtig verwendest, solltest du das Canvas-Update sehen, z.B. '''js editor.setComponents('<div class="cls">Neue K...
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...