Create a WordPress Post Editor Button to Add Shortcode

WordPress provides a post editor to add or edit content of a post or page. WordPress post editor has a lot of buttons attached to it to add or edit text in the editor. This makes adding and editing text in the editor easier as users don’t always have to type the tags and also makes it easier for users who don’t know HTML to create post content.

WordPress comes with two different editors: TinyMCE editor(i.e., visual editor) and Text editor(i.e., HTML editor).

WordPress also lets you add custom buttons to the visual and text(or HTML) editor. This can be useful in many cases. One such case is while defining a shortcode we can also create a button to add the shortcode tags directly to the editor instead of user always typing the shortcode tags.

To create a button for Text editor we need to use Quicktags API and to add buttons to the TinyMCE editor we have to use JavaScript APIs provided by the TinyMCE library. Here are a couple of tutorials that will help you to learn these APIs.

• Add Buttons to WordPress Text Editor

  

  In this tutorial we will see how to add buttons to WordPress text editor. This can be useful while creating a shortcode where you want to add the shor ...Continue Reading

• Adding Buttons to WordPress Visual Editor

  

  In this tutorial we will see how to add buttons to the WordPress visual editor. In this tutorial we will create a WordPress plugin which lets you add ...Continue Reading