Is it possible to customize TinyMCE HTML Editor?

Erik Stolberg
Tera Guru

The TinyMCE editor is the default for HTML fields. As TinyMCE is an Open Source project (TinyMCE - Develop) it looks like changes to the code are supported. I'm curious if anyone has made changes (to create custom buttons, for example, not just adding or removing existing buttons), and what the process would be to get the new code into ServiceNow, as TinyMCE is currently added as a plugin. I'm assuming Support would need to be involved.

7 REPLIES 7

Easier way to remove options is to just pull it out from the system property:

glide.ui.html.editor.v4.toolbar.line1

glide.ui.html.editor.v4.toolbar.line2

As Janel stated, you can remove buttons via the system properties but if you only want to adjust for a specific field, you can adjust on the attributes of field. For example, here is the OOB setup for the editor on Knowledge (go to dictionary entry for the Article Body field on kb_knowledge):

editor.height=300,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality emoticons hr insertdatetime nonbreaking pagebreak print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems,editor.toolbar=fontselect fontsizeselect italic bold underline strikethrough forecolor backcolor pastetext removeformat |  formatselect  searchreplace undo redo |  bullist numlist outdent indent alignleft aligncenter alignright | toc table  link unlink  image media codesample | code fullscreen | bold,encode_utf8=false,serializer=com.glide.script.TranslatedTextXMLSerializer

find_real_file.png

by removing the "code" attribute, the button will no longer display on the editor:

find_real_file.png

AnirbanRoy_SN
ServiceNow Employee
ServiceNow Employee

glide.ui.html.editor.v4.toolbar.line1

glide.ui.html.editor.v4.toolbar.line2