Need to customize TinyMCE Editor buttons in Service Portal toolbars (they appear hard-coded)
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-29-2023 08:18 AM
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):
In the Platform (aka Native or Desktop) UI, many more options are available:
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-14-2023 07:26 AM
We just upgraded to Vancouver and the behavior is the same.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-23-2024 02:59 AM
Have you raised any case or idea with ServiceNow? I am looking for same in my portal.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-22-2025 01:06 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yesterday
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.