Style is not applied to variables

[Misiu]

I've prepared simple demo to show this issue: https://codepen.io/Misiu/pen/vxjQow

I have simple html:

<h1 style="text-align: center;">Hi {{user_name}}, have a nice day!</h1>
<h5 style="text-align: center;">Note, this is not an "enterprise/premium" demo.<br />Visit the <a href="https://www.tinymce.com/pricing/#demo-enterprise">pricing page</a> to demo our premium plugins.</h5>

that is displayed in editor like this:

after applying style (bold) to whole line I get this output:

<h1 style="text-align: center;"><strong>Hi </strong>{{user_name}}<strong>, have a nice day!</strong></h1>
<h5 style="text-align: center;">Note, this is not an "enterprise/premium" demo.<br />Visit the <a href="https://www.tinymce.com/pricing/#demo-enterprise">pricing page</a> to demo our premium plugins.</h5>

and in preview looks like this:

Here is recording showing my steps:

As You can see variable in output isn't bolded. Ideally variable should be treated as normal text.

[lashax]

Try wrapping span element of the variable text in another element, like em. The span element is returned from function the createHTMLVariable inside plugin.js.