At the top of the editor there are two tabs, Visual and Text (). 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.
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:
|Bold – Bold text|
|Italic – Italicise text|
|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|
|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|
|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|
|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|
|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|
|Unordered List – Used to insert an unordered (or un-numbered) list|
|Ordered List – Used to insert an ordered (or numbered) list|
|List Item – Used to insert a list item into your ordered or un-ordered list|
|Code – Used for indicating a piece of code|
|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|
|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|
|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|