How to add button to HTML Toolbar

joseph_yamoah
Giga Contributor

Hi Everyone,

In creating Knowledge Articles, I would like to have the option of selection different headers directly on the toolbar. Currently, the users create the articles in MS Word and then paste then in the knowledge article. While writing this story, I realized that the community page has this option.

I would like to add the paragraph option to the default HTML toolbar as illustrated below to the :

find_real_file.png

 

Currently this is my view:

find_real_file.png

 

Here is how the glide.ui.html.editor.toolbar.line1 and  glide.ui.html.editor.toolbar.line2 looks:

find_real_file.png

 

find_real_file.png

I have read the following and am still struggling.:

Configuring the Legacy HTML Toolbar

Properties installed with the TinyMCE HTML field editor

Configuring the Legacy HTML Toolbar

Set default font face and font size in TinyMCE editor?

1 ACCEPTED SOLUTION

Rishabh Jha
Mega Guru

Hi @joseph.yamoah 

 

On the sys_poropertis.list, go to the property - glide.ui.html.editor.v4.toolbar.line1.

On the property "Value" section, put formatselect before fontselect in the values defined, and Update the property.

After that, you should see the format selection dropdown on your HTML editor, with the options of paragraph and headers. Please refer to the screenshots below:

 

find_real_file.png

find_real_file.png

 

Thanks & Regards,

Rishabh Jha

Aavenir (http://www.aavenir.com/)

View solution in original post

2 REPLIES 2

Rishabh Jha
Mega Guru

Hi @joseph.yamoah 

 

On the sys_poropertis.list, go to the property - glide.ui.html.editor.v4.toolbar.line1.

On the property "Value" section, put formatselect before fontselect in the values defined, and Update the property.

After that, you should see the format selection dropdown on your HTML editor, with the options of paragraph and headers. Please refer to the screenshots below:

 

find_real_file.png

find_real_file.png

 

Thanks & Regards,

Rishabh Jha

Aavenir (http://www.aavenir.com/)

Thank you very much @Rishabh Jha. This solution works perfectly