How to reload block content based on trait value change
The script content part has NOTHING to do with the editor components... read carefully Components & JS
Read full answer below βQuestion
I have added new block with some trait value and i want to pass that trait value with ajax call. Also should be able to reload block when trait value changes. Is that possible? I am pasting my block code. editor.BlockManager.add('loginBlock', { label: 'Login Block', attributes: { class:'fa fa-sign-in', title: 'My title', my_field: 'My title' }, content: { traits: [{ type: 'text', label: 'Test', name: 'model-prop-name', changeProp: 1 }], myModelPropName: 'login', script: "" + "myVar3 = this;" + "var xhttp = new XMLHttpRequest();" + "xhttp.onreadystatechange = function() {" + "if (this.readySta...
Answers (2)
The script content part has NOTHING to do with the editor components... read carefully Components & JS
try use components methods, for example: editor.getSelected().components(your content)
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3019
Bind inner text/html (like div, p, h1) to Trait
Hi! I've created a custom trait, and I want to be allowed to change the content of the tags (in this case it's a H1 tag) based on the trait...
Issue #2640
Adding extra attributes with Stylemanager to change selected block's attribute
Thanks for this awesome plugin. I am integrating it with my current project. Have one issue with it. Here is my code, I have added a new se...
Issue #1733
How to remove script tag which is added by add block manager script
Hello @artf I want to export final/production based html content excluding the script(Only which is added by block manager). Suppose i am a...
Issue #1121
<Tbody> inside <Table>
Hi @artf , I created a new component with tagName = 'table'. When selected and one option of its toolbar I also created is clicked, a new m...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
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
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.