WordPress Visual / HTML Editors Comparison

Here is a great guide on the difference between the WordPress Visual, and HTML Editors.


If you know the difference between the WordPress Visual and HTML editors, and when and how to use them, you can keep your site/blog looking more organized and professional.

I believe i have lost count how many times I have seen the same issue come up from a client “My WordPress Blog is screwed up?! Please Help!“. And every time it is the formatting added into the post from an outside word processing program like MS Word or an HTML editor like DreamWeaver, or even from copying and pasting info from another blog. I am not able to explain how it happens but it can really screw up your posts as well as your sidebar/widgets. posting from another program and pasting it into the WordPress Visual editor might bring in some formatting elements that WordPress does not understand or know what to do with. And most of these issues may not show up until after you create a new post that appears above the problem post.

So now that it is recommended that you do not create a post in your favorite program and paste it into your WordPress post whats a blogger to do? First of, if you are doing it just for a spellchecker then might I suggest Firefox as a browser, as it has a built in spellchecker already. But if you still are thinking of doing these types of things then try using the built-in tools available in the two different WordPress post editors.

If you have the visual editor turned off in your profile settings, then you will have two tabs available when creating a new post. The Visual and HTML editors are similar to the different tabs available in an HTML editing application like DreamWeaver. The Visual being the WYSIWYG and the HTML for the programmer who knows code better than most of us know the back of our hands. The HTML editor can be useful to the non programmer, say you create your posts in MS Word or similar just for the spell-check, punctuation and other goodies. You can paste the post into the HTML editor and it will not bring in all that extra formatting. The HTML editor will treat any regular text pasted or typed into it as plain old regular text. You then can click the Visual editor tab and use the Visual toolbar to add any formatting to the post.

So im sure you are thinking that if you create something in an HTML editor like DreamWeaver and then copy the raw HTML code and paste it into the WordPress HTML editor all will be good. Well most the time, but probably not all. There may be some HTML code that WordPress or PHP will not understand or process so you are better off pasting just the plain text into or typing in the faster WordPress HTML editor and then tabbing over to the Visual editor and formatting the post how you want.

The WordPress Visual editor is very useful for adding images/videos into posts, creating links and even changing the text size or color and other things. And if you have an advanced WYSIWYG editor plugin like TinyMCE Advanced, which adds even more tools to the Visual toolbar, you really don’t need to use any other third party application to create your posts. Adding and keeping plugins up to date like TinyMCE Advanced can be a pain but if you really need all the options and features then it may be worth the trouble.

So to sum it all up, try to use the HTML editor for just plain text (unless of course you know the real html code) then tab to the Visual editor to add the formatting, links and images into the post. This will assure that WordPress can handle what you are throwing at it.

Now that you know how to login to your WordPress Site, sign up with RFE Hosting today for 5%-10% off your semi-annual/annual payment:

Please feel free to email us or jump on our live chat if you have any questions about our services and what we can do to help grow your blog and business.

Stay tuned for our next WordPress Guide.

RFE’s Quick HTML Guide

Today’s Daily Internet Tip is about HTML, and how to use it.

So i thought today id focus on helping those that need it get help on learning HTML.

HTML, which stands for Hyper Text Markup Language.

HTML is what websites are written in, its the building block of the internet.

For many years i have been building/customizing websites and have had the opportunity to learn alot about how HTML works. Just the past couple years i have finally started to understand it, and really get into it.

I remember when i was in Middle School and i was in a Technology class. We had a project that i don’t remember all the details but for my project i chose to create a web page.

I had no idea how or what to do, so i looked around the Interweb and found a few great guides on learning HTML.

Here are a few of my favorite sites on learning HTML:

  1. w3schools
  2. htmlgoodies

I still use both those sites today, they are a very good reference, and id suggest them to anyone that wants to learn HTML, or wants to better their skills.

Here are a few examples on some HTML code with what they do.
How to create links:

First here is the link, or Anchor code: <a href=”link”>Link Name</a>.
And here is a link in action:
And the code for this link:
<a title=”RFEHosting” href=”http://www.RFEHosting.com” target=”_blank”>RFEHosting.com</a>

“<a” is your starting tag, its the “Anchor” tag.
“Href” is the reference tag, meaning what you linking to.

The “title” tag creates text that will display when you mouse over the link.

“Target” is the target the link will go, some options for its values are:

  • "_blank" <-- Most popular, opens the link in a new window/tab
  • "_parent"
  • "_self"
  • "_top"

Then you close the link by using the “>”, then you name your link, And fully close it using </a>.

How to insert images.

Here is the basic syntax for inserting images into a webpage:

<img src=”imagelink” alt=”” title=”” />

Then here is a example of its usage:
RFEHOSting Logo

<img title=”RFEHosting” src=”https://rfehosting.com/wp-content/uploads/2011/04/logo.png” alt=”RFEHOSting Logo” />

“<img” is your opening code to start inserting a link into a webpage.

The “title” tag creates text that will display when you mouse over the image .

“src” is the source location of the image.

“alt” is alternate text that describes the image.

Then you close the image with “/>”

Links and images are the most used HTML tags, they are used on pretty much every single page on the internet.

Here are some links of some “Cheat Sheets” for HTML:

HTML Characters

That ends this internet tip, till next time.

If you have any questions,comments or other guides that could help, please feel free to comment and leave links.


Terms Of Service | Privacy Policy