Die Ănderung der Eigenschaften aktualisiert HTML nicht
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 #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...
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 #6358
Die BlockManager-Konfiguration "appendOnClick" funktioniert nicht mehr
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v131 Reproduzierbarer...
Problem #5378
Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, wÀhrend eine Komponente im Layer Manager Panel gezogen wird
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reprodu...
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.