TinyMCE on react, using noneditable_regexp spec issue

i’m having an issue with my TinyMCE editor, where i’m setting this spec to my init function noneditable_regexp which gets every text that matches with the test and convert into a nonEditable component inside the editor (means it if someone backspace/delete, it will remove the whole block instead each character).

Show how it is

It is working fine to convert it to a ‘variable’ as you can see {{params.project_title}}, but whenever I try to apply style to the block, it does nothing, it doesnt apply the style to it.

Only if I delete the variable, select the styles before inserting, and finally insert it. then the variable should contain the style changes.

Wasn’t it supposed to work with pre defined span blocks with mceNonEditable class?