Change in traits does not update html
Zuerst muss dein Code in ein Plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gehen. Und du aktualisierst nicht das Modell der Komponente, sondern nur das HTML im Canvas... https://jsfiddle.net/jmweg8u1/4/
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? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/weellingtonc/t8hs9f67/2/ Beschreibe den KĂ€fer Wie reproduziert man den Bug?FĂŒgen Sie die 'Button-Cube'-Komponente zum Arbeitsbereich hinzuKlicke auf den Erstellten ButtonGehe zur Einstellungskomponente und Ă€ndere den Wert der Eigenschaft "texto do botao"Ăffnen Sie die Option, das generierte HTML anzuzeigen Was ist das erwartete Verhalten? Beim Aktualisieren des Merkmals generierte es auĂerdem ein neues HTML Wie ist das aktuelle Ve...
Antworten (3)
Zuerst muss dein Code in ein Plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gehen. Und du aktualisierst nicht das Modell der Komponente, sondern nur das HTML im Canvas... https://jsfiddle.net/jmweg8u1/4/
Ja, genau, danke @skru Du kannst den 'Inhalt' auch direkt mit dem Merkmal verknĂŒpfen, um auch den Anfangswert zu lesen. '''js Traits: [{ label: 'Texto do botĂŁo', typ: 'text', Name: 'content', changeProp: true }],
Danke, dass du das gemeldet hast, @capoia. Gute Frage zu Ănderung der Eigenschaften aktualisiert HTML nicht. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on()'-Ereig...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
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 #4497
Ein Update auf GrapesJS v19.5 von v18.4 fĂŒhrt dazu, dass Chrome nicht mehr reagiert
GrapesJS-Version[x] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 104.0.5112.79Reproduzier...
Problem #4601
Update() von benutzerdefinierten Typen, die zu StyleManager hinzugefĂŒgt wurden, wird beim Wechseln zwischen bestimmten Zielen nicht mehr ausgelöst.
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chromium 104 Reproduzierbarer...
Problem #4191
Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehÀngt
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.5 Reproduzie...
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.