Das programmatische Setzen des Textinhalts löscht ihn im Canvas
Versuche, die '.getEl'-Methode auf der Komponente zu verwenden und dann das Element direkt zu setzen. '''js const editor = grapesjs.init({ Container: '#gjs', fromElement: 1, GröĂe: '100%', storageManager: { type: 0 }, Plugins: ['GJS-blocks-basic'] }); setTimeout(() => { const component = editor.getWrapper().find('.tes...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
GrapesJS-Version [X] Ich bestĂ€tige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v126 Reproduzierbarer Demo-Link https://jsfiddle.net/r5062suy/1/ Beschreibe den KĂ€fer Wie reproduziert man den Bug?FĂŒhre den Demo-Link aus (https://jsfiddle.net/r5062suy/1/)Ich versuche, den Text im Div von "Hallo Welt!!" auf "test" ĂŒber 'editor.getWrapper().find('.test-text')[0].set('content', 'test')' zu aktualisieren.Allerdings wird der Text stattdessen gelöscht. Was ist das erwartete Verhalten? Es aktualisiert den Textinhalt korrekt. Wie ist das aktuelle Verhalten? Stattdessen rĂ€u...
Antworten (4)
Versuche, die '.getEl'-Methode auf der Komponente zu verwenden und dann das Element direkt zu setzen. '''js const editor = grapesjs.init({ Container: '#gjs', fromElement: 1, GröĂe: '100%', storageManager: { type: 0 }, Plugins: ['GJS-blocks-basic'] }); setTimeout(() => { const component = editor.get...
'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"
@mannyyang wo hast du die Verwendung von 'set('content', ...' gefunden? Es ist eher Privateigentum und man sollte es niemals benutzen.
Um innere Komponenten programmatisch zu aktualisieren, verwenden Sie 'component.components('test')'
Das Problem, auf das Sie stoĂen, rĂŒhrt von einem weit verbreiteten MissverstĂ€ndnis darĂŒber her, wie GrapesJS mit Komponenten umgeht, insbesondere der Unterscheidung zwischen den 'Inhalts'- und 'Texteigenschaften' fĂŒr textbasierte Komponenten. Ursache In GrapesJS wird die Eigenschaft 'Inhalt' einer...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3873
Duplizierter Videoblock beim erneuten AnhÀngen des GrapesJs-Editors zum Dokument
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v94 Reproduzierbarer D...
Problem #6409
Cannot drag to move components on mobile
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v133 Reproduzierbarer...
Problem #6248
ShowOffsets-Bug, wenn iframe-Körper Zoom hat
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #5888
Man kann Komponenteninhalte nicht bearbeiten, selbst wenn die bearbeitbare Eigenschaft auf true gesetzt ist
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome V124 Reproduzierbarer...
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.