When it comes to implementing or editing content on your website, many platforms have a fairly simple process, and you can copy/paste or download your desired content into the page with ease. However, there is another way to implement and edit content, and that is through the HTML editor.
While the normal content editor (design editor) displays text how you would see it once published on the page, the HTML editor displays it in a coded style. For example:
Most people prefer to implement their content with the first kind of editor, as it is familiar looking. That is completely fine; however, there are occasions when something can go wrong with implementation or editing that will make it necessary for you to delve into the HTML code.
What Could Go Wrong?
Unfortunately, sometimes the content you implement on your site can go bananas. I wish there was a more sophisticated way to say that, but it’s the truth. You could put everything into editor, and it could look nice, but when you save your work the sizing could suddenly be wrong, the font could be off, or the colors may even change. When this is the case, the best place to figure out what is going wrong and fix it is the HTML editor.
How Do I Access The HTML Editor?
Different sites use their own icons or terminology to represent their HTML editor areas. In WordPress for instance, when you input content in the regular manner you are in what the site defines as the “Visual Editor.” Click on the button that says “Text” on the far right side of the editing menu and you will be transported to the HTML format.
Other sites may have a different means for labeling their HTML editor – “Basic Text Box,” “Rich Text Editor,” greater-than-less-than signs like so:
While the exact buttons and labels for accessing HTML editor may differ depending on your site platform, once you’ve clicked on the right spot, you’ll be taken to the coded version of your content. This area, as I said before, is the easiest place to find and eliminate the bizarre errors that you can’t figure out how to get rid of in the regular editor.
While in the regular editor you may not see what is going wrong, errors can’t hide in the HTML editor. Once you learn how to read the code of the HTML editor (i.e. understand what is normal), you will easily be able to zero in on anything abnormal and delete it. I can’t tell you how many times I’ve gone into the HTML editor to quickly take out a random style or font instruction that was making content look weird. For example, in the image below the headers of each section are supposed to be purple. However, although the entire section of content was implemented in the same way, when the content was saved and published the second header was black.
In response, I went into the HTML editor, found the misbehaving header, and then immediately spotted the unprovoked style instruction that was causing it to look different. After deleting that instruction, the text normalized.
You & Your HTML Editing Adventure!
Once you understand how to read the coded version of the content you implement, HTML editor won’t seem like such a scary thing. In fact, it will become your trusty sidekick and help you easily overcome many content implementation challenges. To learn how to read code in the HTML editor and fix some of the most common content errors, click here. This guide will show you the tips and tricks you want to know!