Why Text element converted into box ??

@Siddharth-ss42279 If you need to EDIT the template created from GrapesJS, you SHOULD NOT USE ITS HTML.... you should import its JSON... so you're doing it WRONG

It's like doing this

el.addEventListener('click', ...);
someOtheEl.innerHTML = el.innerHTML;

and then complaining why your el doesn't have click listener anymore... you're just ripping off all the information created by the editor.

Read here: https://grapesjs.com/docs/modules/Storage.html

What do you store in your database? The HTML and CSS?

Hi @artf Actually, i get in-lined html using command editor.Commands.get('gjs-get-inline-html').run(editor) and saving it to database and for rendering content i am using editor.setComponent(content_field)

problem is when i render content from database the TEXT element gets converted into BOX element (only when i edit some text in that text element using ckeditor) and in BOX element ckeditor in not loading.

Either one of the below can solve my problem :

1. TEXT element should not get converted into BOX
2. or, BOX element should load ckeditor

step to replicate the issue in grapesjs newsletter demo:

1. goto: https://grapesjs.com/demo-newsletter-editor.html
2. drag text element on canvas.
3. now select some text in that and apply style, bold and color to that text from ckeditor.
4. hover over the text element you will see it still showing the TEXT on the top
5. Now copy the code from view code modal.
6. again Import that copied code from import button.

observation: now TEXT element has converted to BOX ????

and ckeditor in not opening in that box.

any help would be appreciated and Thanks.