After some investigation I found a solution. People with at least beginner coding experience would be able to fix that easily.
The reason is that when you specify "Use HTML", entire content of your element is ignored unless it's radiobutton or checkbox markup.
I've got a standalone windows version, but as soon as it's just javascript code, solution should be the same for other systems. I'd recommend to backup files before making any changes.
- Locate installation folder ("C:\Program Files (x86)\Evolus\Pencil\" for me)
- Locate "app\content\pencil\behavior\commonFunctions.js".
- Find "F.newDOMElement" function. It works incorrectly. Basically, it ignores text when you specify "Use HTML".
- Now locate "app\content\pencil\common\util.js" and find "Dom.newDOMElement" function. Compare these two functions.
- Note "if (spec._html) {" clause - it does the job. Copy this clause to "F.newDOMElement" function.
Now it looks like this:
F.newDOMElement = function (spec) {
var e = spec._uri ? this._target.ownerDocument.createElementNS(spec._uri, spec._name) : this._target.ownerDocument.createElement(spec._name);
for (name in spec) {
if (name.match(/^_/)) continue;
e.setAttribute(name, spec[name]);
}
if (spec._text) {
e.appendChild(e.ownerDocument.createTextNode(spec._text));
}
if (spec._html) {
e.innerHTML = spec._html;
}
if (spec._children && spec._children.length > 0) {
e.appendChild(F.newDOMFragment(spec._children));
}
return e;
};
Restart pencil and that would work.