@artf kannst du bitte ein vollständiges Beispiel für ein Diagramm geben, das chart.js mit Eigenschaften verwendet, um Farbe, Werte und Datenpunkte zu ändern? Es wäre großartig, wenn ich Hilfe bekommen könnte.
Geczy
Du kannst die Sandbox-Demo hier https://github.com/artf/grapesjs/issues/559 Es erlaubt dir, Eigenschaften zu modifizieren und den Dom zu aktualisieren. Das sollte dir helfen, loszulegen
suchithmahadi
@artf Bitte helft mir.
artf
@suchithmahadi für solche Fragen würde ich empfehlen, sie auf https://stackoverflow.com
Ich sehe, dass Klassen auf Canvas hinzugefügt werden, aber wenn ich HTML über editor.gethtml() bekomme, sind einige Klassen nicht enthalten und es sind einfach Divs ohne Klassen. Beigefügter Screenshot mit HTML auf Canvas und HTML über editor.gethtml() ! Gefangennahme
Geczy
Ich glaube nicht, dass 'gjs-'-präfixierte Klassen zurückkehren
arthuralmeidap
Wenn du 'editor.getHtml' verwendest, gibt es nur das HTML zurück. Wenn du das CSS auch brauchst, kannst du 'editor.getCss()' verwenden.
Geczy
Ich benutze newsletter-Plugin und 'const html = window.grapesjs.editors[0].runCommand('gjs-get-inlined-html')'
Hallo, Gibt es eine Möglichkeit, Text innerhalb von Element zu verschieben? So etwas wie absolutes Drag & Drop
Geczy
Nein, es steht aber auf der Roadmap https://github.com/artf/grapesjs/issues/74Absolute/Designer-Modus Mit aktiviertem Modus sollte der Benutzer Komponenten "frei" innerhalb der Leinwand bewegen können (abhängig von absoluter Positionierung...
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 Wie kann ich einen externen Skript-Link beim Erstellen einer Komponente weitergeben? So, bm.add('test-block2', { Etikett: 'Testblock2', Attribute: {Klasse: 'fa fa-text'}, Inhalt: { script: '<script src="https://cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>CKEDITOR.replace( \'editor1\' )', Inhalt: '<te...
Verschieben Sie das 'script'-Tag, um CKEditor auf der HTML-Seite zu importieren, und rufen Sie das Skript einfach im Block auf.
rohanreddyg
JavaScript erlaubt irgendwie kein Skript-End-Tag ("</script>") mit In-String. Ändere also einfach den Code so: 'script: '<script>alert("Hi");<' + '/script>' `
Hallo @artf, Ich würde gerne eure Meinung zu den folgenden zwei Punkten hören, bevor ich eine Pull Request einreiche. Diese dienen dazu, die Anforderungen eines Projekts zu erfüllen, an dem ich gerade arbeite, aber ich hoffe, dass sie einen Platz im Kernbereich von Grapesjs haben könnten.Verhindern Sie den Hover-Highl...
artf
Vermeiden Sie den Schwebe-Highlight-Effekt bei bestimmten Komponenten. Komponenten haben bereits eine "hervorhebbare" Eigenschaft, die für den gepunkteten Umriss-Stil verwendet wird. Ich habe darüber nachgedacht, dieselbe Eigenschaft zu ve...
ryandeba
Danke für das Feedback! Ich habe ein paar Pull Requests für diese Artikel erstellt, sag Bescheid, wenn du weiter diskutieren möchtest.
Hallo, Ich möchte fragen, ob es bereits Unterstützung oder eine API gibt, um neue Komponenten zu einer bestehenden Komponentenliste hinzuzufügen (z. B. nach dem Abrufen oder dynamischen Generieren). Ich spreche von so etwas wie Folgendem: Ich habe die Dokumentation studiert und das Nächste, was ich gefunden habe, ist...
ryandeba
Leider kenne ich keinen einfachen Weg, ein bestimmtes Komponentenobjekt zu bekommen, ohne es rekursiv durchzugehen, um das gewünschte zu finden, aber das klingt nach einer großartigen Idee! Vielleicht kannst du so etwas machen, um alle Kom...
baxxos
Danke für eure Antworten, ich denke, meine Frage wurde beantwortet und es gibt nicht viel mehr hinzuzufügen. Ich schließe das jetzt, aber die 'find()'-Methode wäre eine willkommene Ergänzung zu diesem großartigen Framework.
ryandeba
Hallo @baxxos, Versuchst du so etwas zu machen: https://jsfiddle.net/ztqsugaw/3/?
Ich habe das hier gefunden hier #351, aber scheint den Körperhintergrund nicht zurückzusetzen... Gibt es eine andere Möglichkeit, das zu tun?
artf
@duskhacker würde ich sagen, es hängt irgendwie damit zusammen, aber es ist nicht dasselbe Problem. CSS, das du erwähnst, wird von zwei verschiedenen Orten generiert und ist eine Art einfacher CSS-Reset. '*{Box-Größe: Randbox;}'kommt von h...
ryandeba
Hallo @g41n, Kannst du ein JSFIDDLE (oder ein gleichwertiges Formular) bereitstellen, das das Problem zeigt? Ich habe das zusammengestellt, das zuerst die Hintergrundfarbe des Körpers auf Blau setzt und dann den Stil zwei Sekunden später l...
g41n
Hallo @ryandeba, danke für die Antwort. Nach einiger Recherche gibt es hier eine https://jsfiddle.net/x118ks1v/ und Schritte zur Rekonstruktion:Klicke auf den Reset-Button, Reset ist erfolgreichKlicken Sie auf den Text und ändern Sie den H...
Ich möchte darauf hinweisen, dass das Dokument nicht gespeichert ist. Was wäre der beste Weg, um herauszufinden, ob sich die Dokumentdaten seit dem letzten Laden/Speichern geändert haben? Danke!
duskhacker
Perfekt! Vielen Dank für die schnelle Antwort ... Und auch dieses Projekt. Sehr schön!
artf
Es gibt einen internen Zähler, den du so verwenden kannst '''js editor.on('change:changesCount', () => { const editorModel = editor.getModel(); const changes = editorModel.get('changesCount'); wenn (ändert) { schmutzig } }); Dasselbe wie e...
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.
Im Asset Manager scheint beim Klicken auf das 'x' zum Entfernen eines Assets sowohl das 'onDelete'-Event als auch das 'onClick'-Event auszulösen. Dadurch wird das gerade gelöschte Asset ins Ziel gesetzt. Außerdem kann man nicht auf ein anderes Asset klicken, um es im Ziel zu ersetzen, bis man das Asset Manager-Fenster...
ryandeba
Hallo @duskhacker, Ich konnte das Problem wiederholen, dass das onClick-Event beim Klicken auf das 'X' ausgelöst wurde (jsfiddle, falls es jemand sehen möchte: https://jsfiddle.net/8v946q4b/3/). Tut mir leid, dass ich momentan nicht viel Z...
duskhacker
Ich habe vielleicht morgen Zeit, das zu recherchieren, falls du noch Probleme hast @ryandeba Danke für die Nachfrage! Das ist eines meiner offenen Probleme mit GrapesJS. Ich weiß, dass ich es nicht in einem angemessenen Zeitrahmen beheben...
ryandeba
@duskhacker – Ich habe eine Pull Request eingereicht, die diesen Fehler beheben sollte https://github.com/artf/grapesjs/pull/560
Nur so ein Gedanke, aber du solltest vielleicht in Erwägung ziehen, fontawesome agnostisch in deine CDN-Dateien zu laden. Derzeit bekomme ich "Zugriff auf Schriftart bei 'https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/fonts/fontawesome-webfont.woff2?v=4.7.0' vom Ursprung 'http://localhost:3000' wurde durch di...
artf
Danke @kickbk :) Jedenfalls verstehe ich nicht genau, welche Lösung deine Lösung ist
kickbk
@artf du beziehst dich in https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/css/grapes.min.css auf FA mit '...'FontAwesome'; src:url(".. /fonts/fontawesome-webfont.eot?v=4.7.0")' CloudFlare versucht also, die Schriftarten aus https:/...
artf
@kickbk eigentlich plane ich, FA (#74) aus den Abhängigkeiten von Core zu entfernen und die verwendeten Icons durch SVGs zu ersetzen