Cannot edit component content even with editable property set to true

By looking into the code, I saw that to get the RTE functionnality, our new component has to extend ComponentTextView. My initial issue was that I did something like :

editor.DomComponents.addType('textBlock', {
    isComponent: el => el.tagName === 'DIV',
    extend: 'text',
    model: {
      defaults: {
        editable: true,
        tagName: 'div',
        icon: 'ICON',
        components: `Some text`
      }
    },
    extendView: 'baseStructure'
  })

And it tooks the view of my baseStructure and not the text component. I will try to find a workaround for that by don't extending my baseStructure view.

Thanks for reporting this, @Dobby85.

Great question about Cannot edit component content even with editable property set to true. 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!