Take Control of the WordPress Editor

WordPress Editor

Visual Editor is a robust feature in WordPress that display as a rich text editor and makes your post edit screen look like a Microsoft Word. If Visual Editor is available in your WordPress Website, your post edit screen will have two editors: Visual and Text.

Users can write posts and format them using the buttons in the toolbar“Visual” tab interface where will shows up on your display is exactly the way it will be published. Besides, we can edit post by performing on the “Text” tab interface and geting into the HTML code of the post.

text2 - text tab1
text1-toollbar

For the 1st time, you may click the “Toolbar Toggle” button on the post editor screen to extra more features and useful options in the toolbar above your post.

visual-editor

However, by WordPress default Visual Editor only displays some basic buttons as Heading tags, align text, bold, italic, links, … and missing other buttons that you may need such as Font text, Font size, …..So it also somewhat limited when users need more unique decorations. In next sections I will suggest you using different methods to add advanced editor to your toolbar in post edit screen. Let’s go!

Add Advanced Editor Using Plugin

If you’d like more advanced features, without the need to learn HTML to control – Advanced TinyMCE  is the WordPress plugin you want to install – It helps you easily to add features like tables, emoticons and custom font families to your editor’s toolbar. You can actually use the features in the advanced editor and then disable the plugin if you like. I mainly use TinyMce to create tables and then disable the plugin after I have finished.

After installing and activating Advanced TinyMCE plugin, you go to “Settings” >> “TinyMCE Advanced” to customize WordPress toolbar.

tinymce

You’ll see a drag-and-drop interface. Add/remove buttons to your liking.

tinymce2

Add Advanced Editor Using simple PHP code

WordPress Visual Editor uses TinyMCE open-library that supports many professional buttons for more extra feature but WordPress has deliberately hidden away in order for users easily access, but we can find a way to display it if necessary by using simple PHP code.
To activate the hidden buttons, you just need to insert the following code into your functions.php file

If you want the button down to line, then replace the mce_buttons by mce_buttons_2 or mce_buttons_3 or mce_buttons_4.

How to disable the Visual Editor

Visual Editor makes editting post easier, but in many cases it also somewhat limited, when you switch to HTML mode and switching back, a lot of formatting may be lost and then it causes errors on your website. In this section, I will show you how to disable the Visual Editor keep on the text editor.

Log in to your Dashboard and go to “Users”  -> “Your Profile”. Then check the box labeled next to “Disable the visual editor when writing

visual-editor-disable

Click on the “Update Profile” button. Now when when you edit posts and pages you will only be allowed to edit the content in “Text” mode as shown below:

visual-editor-disable1

———–

Well, I very hope the above tutorial is useful enough to help you take control of the WordPress Editor as well as using different methods to add advanced editor to your toolbar in post edit screen. See you again in other instructions !

Leave a Reply

Your email address will not be published. Required fields are marked *