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
Kann auf MobilgerÀten keine Komponenten verschieben, um sie zu bewegen
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.