Wie aktualisiert/rendert man neu, nachdem ein neuer Knoten hinzugefĂŒgt wurde?
Optimierte Datei 'TextEditor.vue': '''js // ... onFontValidate () { const { rte } = this.getRteData() const spanNode = document.createElement('span') lass anchorNode = {} this.selection.childNodes.forEach(childNode => { console.log({ childNode }) if (childNode.textContent !== this.selection.anchorText) { RĂŒckgabe } an...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich fĂŒge manuell einen neuen Knoten in eine gerenderte Komponente ein. Das visuelle Ergebnis ist okay, aber unmöglich zu speichern, weil mein Stil nicht mit der automatisch generierten GrapesJS-ID funktioniert. Um diesen Punkt manuell zu lösen, klicke ich doppelt auf die Komponente, um sie zu öffnen, und klicke im Leinwandkörper auĂen. Dann werden die GrapesJS-ID und 'data-gjs-type='text'' zum neuen Knoten hinzugefĂŒgt, und das Speichern ist möglich. Vue.js: Ein Teil der 'Main.vue'-Datei: '''js Texteditor https://grapesjs.com/docs/api/richtexteditor.html https://css-tricks.com/creating-vue-js-...
Antworten (3)
Optimierte Datei 'TextEditor.vue': '''js // ... onFontValidate () { const { rte } = this.getRteData() const spanNode = document.createElement('span') lass anchorNode = {} this.selection.childNodes.forEach(childNode => { console.log({ childNode }) if (childNode.textContent !== this.selection.anchorT...
iïž Funktioniert nicht direkt mit HTML, sondern nur mit JSON. Komponent = JSON-Knoten (HTML-Element + GrapesJS-Daten) '''js addStylesToText (styles, tagName = 'span') { const inlineStyles = styles.map(style => style.join(':')).join(';') + ';' const selectedComponent = this.editor.getSelected() const...
Danke, dass du das gemeldet hast, @bgrand-ch. Gute Frage zu Wie aktualisiert/rendert man neu, nachdem ein neuer Knoten hinzugefĂŒgt wurde?. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Mo...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3406
Wie erstellt man einen benutzerdefinierten Speichermanager: Er setzt keine gespeicherten Daten von Canvas ein, nachdem die Seite neu geladen wurde.
Hallo zusammen, ich möchte Daten von Canvas in Redux Store speichern, und es funktioniert, aber nachdem ich die Seite neu geladen habe, set...
Problem #3599
@keyframes fĂŒgt nicht hinzu, selbst nachdem ich das Keyframes-Objekt weitergegeben habe
Hallo @artf, Ich habe die 'Let CC = Editor. CssComposer; cc.setRule('.fadetop-animate', { OpazitÀt: 0, 'animation-name': 'fadeTop' }, { atR...
Problem #3564
Kann das iframe nicht aktualisieren
0.17.19 Kannst du den Fehler aus der Demo reproduzieren? JA Was ist das erwartete Verhalten? Ich hatte eine Frage bezĂŒglich iframe-Aktualis...
Problem #3688
Wie man eine Komponente individuell anpasst
Ich habe dieses Dokument https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gelesen und versucht, folgenden Cod...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.