How to refresh/re-render after new node added?
Optimierte TextEditor.vue Datei: Aber das Problem bleibt bestehen: âïž span Knoten ersetzt den vorherigen Inhalt der Auswahl durch font-family und color Stile. â span Knoten von GrapesJSnicht erkannt wird, weil es keine GrapesJS automatisch generierte Styles-ID und data-gjs-type='text' Attribut gibt. â getHTML und getJ...
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 TextEditor.vue Datei: Aber das Problem bleibt bestehen: âïž span Knoten ersetzt den vorherigen Inhalt der Auswahl durch font-family und color Stile. â span Knoten von GrapesJSnicht erkannt wird, weil es keine GrapesJS automatisch generierte Styles-ID und data-gjs-type='text' Attribut gibt...
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
Unable to refresh the iframe
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 #3218
How to add new HTML element with inline styles?
Ich möchte ein neues HTML-Element mit Inline-Stilen um das 'rte.selection()' hinzufĂŒgen. Mit folgendem Beispiel ist das HTML in Ordnung, ab...
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.