Hi, @artf, this is a great framework, thank you very much. I am now using it to create components of the mobile BUI framework, and I ran into a problem, I added a custom trait textarea, how can I make this When the data changes, it is triggered in the output script.

🤔 How to: How should I receive custom trai…

Answers (4)

Ju99ernaut• Mar 13, 2021

You'll need to add the trait to script-props, you can read more here https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts

imouou• Mar 13, 2021

Thanks @Ju99ernaut, If it is some built-in features, when modifying the script can receive the value of the parameter, I am currently experiencing problems: custom feature textarea, can trigger changes such as dom, but the exported script can not receive the value of this parameter, even if the scr...

Ju99ernaut• Mar 14, 2021

You can try forcing the script to update:

editor.DomComponents.addType('slide', {
   model: {
      // ...
      init() {
        this.on('change:datas', () => this.trigger('change:script'));
      },
   },
   // ...
});

GJSBlock• May 17, 2026

Thanks for reporting this, @imouou. Great question about How should I receive custom trait modifications in the script?. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener method...

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →

Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders AI Developer Tools

How should I receive custom trait modifications in the script?

Question

Answers (4)

Related Questions and Answers

Cannot drag to move components on mobile

Class modifications of components are not automatically detected

Contents of component with editable:false are still editable

Grapesjs fails to recognize component types when setting innerHTML through script.

Paid Plugins That Match This Issue

Related tutorials

UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors

Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

Browse Plugin Categories