Configuring the tinyMCE editor and CSS for Knowledge

[theRadioMic]

I would hope that I have done my due diligence, but I don't know where are all the good hiding spots are at.

What I am looking for is guidance on where to locate useful information on the following two topics.

1. How to configure the tinyMCE editor to better meet my formatting and layout needs.
   • Change the indent function from 40px to 20px.
   • Add custom buttons to call table layout classes ( see below ).
2. Where in the backend are the stylesheets SNow uses to format Knowledge Articles.
   • Create commonly used table layout styles so the authors don't have to manually recreate one each time they need it.
   • Adjust Paragraph Heading styles that appear as if they actually belong in the content of a Knowledge Article.

Again, not looking for the how, because there is more that needs to be adjusted / corrected with both, but where so I can easily reference when providing the Dev team on how to go about making the changes / updates I'll be asking for.

Thank you for any and all assistance that can be provided.

Michael

[Claude DAmico]

I could only find a couple things that could be looked at and see if modifying them or applying the concept where needed does what you want.

• Client Script - There is one on the Embedded Help table in my PDI that customizes the tinyMCE. [Embedded Help Tiny MCE Override] This could copied and modified to be used in the kb_knowledge table.
• UI Macro - kb_view_edit - Not sure this one would be what you want though.

I didn't find anything else so far referencing "mce" from a keyword search.

[theRadioMic]

@Claude DAmico ,

Thanks. That more than I found and is a start.

Michael

[Phanindra N]

I tried modifying client script, but doesn't work. Didn't find a way to add style sheet.

[Lucas Vieites]

You will find the CSS style sheets in the content_css table (/content_css_list.do). Just look for the word "knowledge" in the name.

But I wouldn't recommend fidgeting with those records. The best way to define common CSS classes is in the portal itself:

1. Navigate to: Service Portal > Service Portal Configuration
2. Select Designer, this will open in a new tab
3. Find and select "Knowledge Article View" (kb_article_view)
4. Select the "Page " button in the top left
5. This will open a popup that contains the Page Specific CSS field, where you can add or edit the CSS code for KB articles in the KB portal

You can also go directly to the kb_article_view page: /nav_to.do?uri=sp_page.do?sys_id=a60dcc050be432004ce28ffe15673a54

I hope this helps you.

-- 

Kind regards,
Lucas Vieites
P.S. If my reply helped you, please mark it as helpful or correct so other community members can benefit from this information.