Attribute 'data-mce-fragment="1"' is not permitted on tag '<p>'

[Eli90]

Hi, hope someone would be able to help me !

I get this error every time that I try to change an image heading:
Setting 'text' is invalid. Attribute 'data-mce-fragment="1"' is not permitted on tag '<p>'

The heading that I'm trying to change is the one for "cocktail syrups" (blue spreads image), but it happens with all of them on this page. It was fine when I was working on the page, but now I can't change it anymore 😞

www.sugarfreeeu.com

[jake45]

did you solve your issue? i have also same issue now... 

[Eli90]

Not yet 😞

[jake45]

I share my experience. I might you have already tried this troubleshoot to do but plz just refer to below. I felt so stress this issue so I understand your feeling.

My issue has finally been solved after did below troubleshoot.

In my case, I have replaced every "feature collection" to new one. After that I could change images.

Some things to note:

Please don't copy from the currently installed " Feature Collection" on the top page. You have better to make a new one. The reason is that the current " Feature Collection" has some garbage , so copying it gives an error.

This solution is a little bit troublesome but you just try it later.
Good luck

[tinni1]

Hey! I don't know if it is still useful for you but for sure could be for others. 

you can solve this problem with the following steps:

1 open chrome dev tools through the inspect

2 search for data-mce in the HTML document ( using cmd+f)

3 you will find all occurences of text with data-mce-fragment property. This property is making the shopify edit not working and should be deleted from all of these instances. You can delete the text and re-writing it.

This issue is probably caused by copy and pasting text from other internet applications, which wrongly brings the data-mce property in shopify.