Modifying a component in the editor clears the model content

Question

What I'm trying to achieve: I have special "data-" attributes on some of the components I pull into the editor. When one of these is modified, I want to get the value of the "data-" attribute and the new content. I have code listening to when a component is modified. When this event fires, I'm checking the content (work-in-progress). However, when I get the content, it's empty, even though the component isn't... The issue seems to be that instead of modifying the existing component model, a new...

artf · Accepted Answer

Hi Austin, the reason behind your issue it's just because the built-in RTE works differently from a custom one (eg. CKEditor plugin) which just writes all changes inside content. https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentTextView.js#L67-L90 The default RTE resets its components with a newly updated content so you have to check them through model.components() instead of model.get('content')

austinbiggs · Answer

I’ve been digging through more code and from what I can tell, this doesn’t happen in when using the CKEditor plugin (tested using the newsletter demo). However, when using the default RTE it does occur (tested on my own code and the website demo) _{Sent with GitHawk}

Modifying a component in the editor clears the model content

Question

Answers (3)

Related Questions and Answers

[Question] Firing events with custom components

When the component's view modifies the HTML, text components are no longer editable

Add a custom attribute

event triggers previous state attributes to remote storage

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories