Switching to the Text Editor

At the top of the editor there are two tabs, Visual and Text (Add Media). These switch the editor view between the Visual Editor and the Text editor. The Text view will enable you to view the HTML code that makes up your content. For the more experienced users this can be helpful at times but for those not familiar with HTML tags, it’s not recommended.

The Text editor is much like the Visual Editor, only not as intuitive. The numerous formatting buttons provide you with basic HTML formatting capabilities when editing your Page or Post content.

Switching to the Text Editor

The buttons work in two ways. Clicking a button without highlighting any text first, will simply insert the opening HTML tag relevant for that button. As an example, clicking the Bold button will insert the <strong> HTML tag into your text. Clicking the Bold button again will close the tag by inserting the closing </strong> tag. If you highlight some text prior to clicking a button, both the opening and closing tags will be inserted around that highlighted text. For example, highlighting the text, ‘bold text’, prior to clicking the Bold button will insert ‘<strong>bold text</strong>’.

The following editor buttons are available whilst in the Text editor:

 

HTML Bold Bold – Bold text
HTML Italic Italic – Italicise text
HTML Edit Link Link – Used to insert a website link. When the button is clicked a pop-up window will appear where you type in the URL that you would like to link to
HTML Blockquote Blockquote – Used as a way of showing a quote. How this looks will be entirely dependent on the Theme that your site is currently using
HTML Delete Delete – Used as a way of showing deleted text. How this looks will be dependent on the Theme but is usually done by showing the text with a strikethrough
HTML Insert Insert – Used as a way of showing inserted text. How this looks will be dependent on the Theme but is usually done by showing the text with an underline
HTML Image Image – Used to insert an image into the comment. When the button is clicked a pop-up window will appear where you type in the URL of the image that you would like inserted
HTML Unordered List Unordered List – Used to insert an unordered (or un-numbered) list
HTML Ordered List Ordered List – Used to insert an ordered (or numbered) list
HTML List Item List Item – Used to insert a list item into your ordered or un-ordered list
HTML Code Code – Used for indicating a piece of code
HTML Insert Read More Tag More – Inserts the More tag into your Page. Most blogs only display a small excerpt of a Post and you’re required to click the Post title or a “Read more…” link to continue reading the rest of the article. When you insert a “More” tag into your Post, everything prior to the tag is considered as this excerpt. Most times you’d only use this button when you’re creating a blog Post, rather than a Page
Disctraction Free Writing Distraction Free Writing – Clicking this button will enlarge the editor so that it fills the browser window. Clicking the Exit fullscreen link at the top of the screen will reduce it back to its original size
HTML Close Tags Close Tags – Used to close open tags. If for example, you clicked both the Bold and Italic buttons to insert their opening tags, clicking the Close tags button will insert both of the matching closing tags, in the correct order