Hilitecolor / Forecolor custom formats can not produce valid css class

What is the current behavior? Describe the bug

Forecolor / Hilitecolor use inline styles to set color. We want custom css classes to do this. But using custom formats to create a css class produces invalid css classes, as the value always returns a ‘#’

using following will always produce invalid css hilitecolor: { inline: 'span', classes: 'hilitecolor-%value' }, forecolor: { inline: 'span', classes: 'forecolor-%value' },

** steps to reproduce **

http://fiddle.tiny.cloud/qrhaab

What is the expected behavior?

We can use custom formats to produce valid css, by removing “#” from the substituted value

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE? All versions of 5

[lostkeys]

Alright, sounds like your on a path to a solution. Here are more ideas on how to create custom menus and toolbars for choosing colors. Inpect the source code for detailed documentations. https://tinymce.github.io/tinymce-demos/tinymce-basics/custom-toolbar-button-menu-and-context-toolbar.html https://tinymce.github.io/tinymce-demos/tinymce-basics/customizing-the-table-toolbar.html

[jburghardt]

Looking at the style formats, i think this is the way to go instead of using background-color.

with the Hilitecolor we actually want to use produce something like “<mark> test </mark>” instead of setting the background color.