How to Use Visual and Text HTML Editors Together

How to Use Visual and Text HTML Editors Together

If you choose an HTML editor that has both a text and visual editor version, you have the best of both worlds. How do you use these two HTML editors to create a functional website? This article explores the possibilities.

Why Use Both HTML Editors?

Most website owners generally start with the visual (WYSIWYG or What You See Is What You Get) editor. The main reason is the ease of use. You can drag and drop almost any HTML element (such as an image, video or other object) into the place you want it. As well, adding the content text is as simple as typing the words where you want them. So why bother with a text editor?

While creating a website, you might decide that you want a larger font for a paragraph heading, change the size and then decide you don t like the large font, or you want a different size. You might add an image and then decide you want a different one, or don t want it in the same place. Often what happens in cases like these is that you end up with extra, unnecessary code. While this code may or may not affect the website quality for your visitors, it adds up and can slow down how fast your site loads.

Example of Extra Code

As well, your website may not be displaying the way you expected it to. Understanding the basics of HTML and using the text editor to view the code is an excellent way to fixing these display issues. In short, while a WYSIWYG editor is an excellent tool, it does have some limitations that using a text editor can help with.

Switching Between HTML Editors

How to choose one or the other at any given time is dependent upon the HTML editor program you ve chosen to use to create your website. For instance, with CoffeeCup HTML Editor, you simply click back and forth between editors using a tabbed interface. With Adobe Dreamweaver, you can use the Document toolbar to go from the Code to the Design view. For other HTML editors, if the switching ability isn t immediately available check your help documentation.

When to Switch Between HTML Editors

There is no set  time  to switch between coding and design versions. However, the text editor comes in extremely handy in a few areas, such as the two below.

W3C Validation
Validating your website means checking your website to make sure it follows a set of grammar, vocabulary and HTML syntax rules. In this way, you ensure your website meets W3C (World Wide Web Consortium) standards for good code. You can use the W3C Markup Validation Service to check your code, if your HTML editor doesn t offer this service.

Once you ve checked your code, any issues will be indicated by a line number. You ll need the text editor to find a line number and fix the issue, because visual editors don t use line numbers.

Cleaning Blank Code
Another common reason for switching back and forth is to check for stray areas of code, as mentioned above. For instance, even website creation professionals often use the visual editor to build the website and the text editor to check the code once the main parts of the site are complete.

What If I Don t Know HTML?

If you don t know enough about HTML for a text editor to do any good, but you want to be able to take care of the errors and issues that often come with building a website, you re in luck. Several HTML editors include how-to coding manuals; for those that don t, many online sites offer courses in learning HTML. These courses are easy to understand and follow, and most are free.

HTML editors offer professional developers and beginners the ability to create excellent websites. If you don t learn how to use all the available functions of your chosen HTML editor, however, you may be missing vital key to a successful, working website. If you don't already have one, you can find the right HTML Editor by checking out our comparative reviews. At TopTenREVIEWS We Do the Research So You Don t Have To. 

More Top Stories