Cannot load javascript under grapesjs

Hi @henry930,

I fixed this problem by developing an reloader.

let editorConfig = {
// your configs
}
let editor = false;

function editorLoad(){
  $(editorConfig.container).empty(); // with JQuery
  editor = grapesjs.init(editorConfig);
  editor.load();
}

editorLoad();

If you want to update your config,

// for example
/* 
old
editorConfig.height = '100px'
*/
editorConfig.height = '150px';
editorLoad();

Your editor will reload. Your html, css... will remain.

https://grapesjs.com/docs/modules/Components-js.html

i dont understand how in 4 years it still does not supports importing single html file that renders with javascript ? most styling are very off

Thanks for reporting this, @henry930.

Great question about Cannot load javascript under grapesjs. The recommended approach with GrapesJS is to use the event-driven API.

Start here:

1. Check the GrapesJS documentation for your specific module
2. Look for the on() event listener method
3. Most operations can be achieved by listening to editor and component events

Common patterns:

// Listen for changes
editor.on('change', () => console.log('something changed'));

// Component lifecycle
editor.on('component:mount', (c) => console.log('component ready', c));
editor.on('component:update', (c) => console.log('component updated', c));

If you're still stuck:

• Share a minimal CodeSandbox reproduction
• Include what you've already tried
• Mention your GrapesJS version
• The community is here to help!