Hi @artf

Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able to store and load components to and from DB.

our web admin side is for example abc.com/editor

Here we are creating layout and storing and loading pages

we are facing issue on front end. for example, abc.com/home

Here we want to display stored components and want to bind dynamic data . We dont wat to use editor on front end. Please suggest how is it possible. As this is not mentioned in the Grapes JS docs.

Thanks for reporting this, @codingmachine16.

Great question about ****. The recommended approach with ProseMirror 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!