how to add buttons to wordpress wysiwyg editor

You can add buttons to wordpress wysiwyg editor using following code. For changing wordpress wysiwyg editor, we need to use the quick_tags.js file using hook.

how to add buttons to wordpress wysiwyg editor

But from wordpress 3.1 version we can customize the wordpress editor by using wordpress filter.

Adding more buttons to the editor is really easy. Simply paste this snippet into your theme’s functions.php file.

01function enable_more_buttons($buttons) {
02 $buttons[] = 'hr';
03 $buttons[] = 'sub';
04 $buttons[] = 'sup';
05 $buttons[] = 'fontselect';
06 $buttons[] = 'fontsizeselect';
07 $buttons[] = 'cleanup';
08 $buttons[] = 'styleselect';
09 return $buttons;
10}
11add_filter("mce_buttons_3", "enable_more_buttons");

how to add buttons to wordpress wysiwyg editor

Note: If you are not wordpress developer then do not use above code. Ask your developers to do this for you.

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn View all posts by Purab

4 thoughts on “how to add buttons to wordpress wysiwyg editor”

Fine ideas! I have been hunting for some thing similar to this for some time these days. Excellent!

Purab Kharat says:

April 3, 2011 at 4:47 am

Thanks for your reply.

Reply

Thanks. This looks really useful.

Purab Kharat says:

April 13, 2011 at 7:54 pm

Thanks for your reply…

Reply