Need to customize TinyMCE Editor buttons in Service Portal toolbars (they appear hard-coded)

Matt S6
Tera Contributor

ServiceNow has a number of TinyMCE system properties, available in sys_properties.list, that allow customizing the toolbars in the TinyMCE editor. If you filter by "*glide.ui.html.editor" you'll find a suite of properties for customizing the HTML and TinyMCE editor toolbars, fonts, etc.

 

Service Portal/Employee Center appears to ignore ALL of these properties. Instead, it appears these properties are hard-coded in <instance_name>/scripts/js_includes_sp.jsx. Many OOB widgets utilize the <sp-tinymce-editor> directive, and that directive seems to call back to the js_includes_sp.jsx.

 

We have an approach of "don't customize for the sake of customizing" and "use out-of-the-box" as much as possible. So we try to avoid cloning/customizing widgets, etc. and utilize the OOB functionality. Changing the values of a property, for example, such as to add new font choices, add the ability to underline, etc. seems to be a much safer way of customizing the user experience rather than cloning/customizing widgets.

 

Unfortunately it seems the TinyMCE editor in Portal/Employee Center is locked and cannot be configured via any properties. Is there any way to write a small JS-include or Angular directive to override or "inject" additional properties when a widget is entered? For example, so we can add underline or font selection to TinyMCE?

 

In the Portal/Employee Center UI here is what team members see (very limited options):

MattS6_0-1688051876830.png

 

In the Platform (aka Native or Desktop) UI, many more options are available:

MattS6_1-1688051920413.png

 

4 REPLIES 4

Matt S6
Tera Contributor

We just upgraded to Vancouver and the behavior is the same.

Siddhesh2
Giga Guru

Have you raised any case or idea with ServiceNow? I am looking for same in my portal.

hannesh
Tera Contributor

Hi Matt!
Did you discover a way to edit the MCE on the portal without too much violence to the system, phasing the same issue...

Best regards

Hannes

If by portal you mean Catalog Item, have you tried this: Variable Type HTML Input Field Toolbar Configuration? This does not work in portal for the form widget, but it used to work for the Catalog Item widget. I'm curious if it still works.