What is Web Editor (HTML Editor)?

What is Web Editor (HTML Editor)?

A web editor (also called HTML editor) is a useful application for creating web pages. The HTML code you can also write with a text editor, however, applications created specifically could be more effective, such as syntax highlighting, correcting syntax errors or even allowing you to create the page using an interface and without knowing the basics of HTML.

Many of these applications not only allow but also to handle the HTML style sheets, CSS, XML and JavaScript. In some cases it can also integrate the FTP client to communicate with remote servers via FTP.

Mainly there are two types of HTML editors: text editors and visual, the latter are also called WYSIWYG editor which stands for What You See Is What You Get, or what you see is what you get.

Text editors

The text editors generally have the following characteristics:

  • Syntax Highlighting
  • Toolbars to facilitate the management of tag
  • Keyboard Shortcuts to make fast to tag
  • Procedures led to the definition of layout
  • Suggestions during the drafting of the code
  • Auto-completion of tag

Visual editors

Publishers visual feature an interface through which you can create your pages, most often have a sort of built-in browser to preview the pages out and see if the end result is what you wanted or less. Most of these applications allows the creation of pages in three ways:

  • Source code: the code you write normally like a text editor
  • User Interface: one acts in the background through an interface that generates the necessary html code
  • Source Code / Interface: Basically you can work both ways, changing the interface and see what happens or edit the HTML source and see the changes immediately.

The interface of visual editor is based on the rendering engine layout of normal browser, any change you will immediately result in the interface that is closest to its display in a browser.


The visual editors are often criticized because of several reasons:

  • Do not produce the best possible syntax and often “dirty” code. The layout e.g., use of style sheets instead tends to be defined by an abuse of such tags table, p, font, center, etc.. There are also code optimizers, however, are easily confused even by a little intercession from those who are creating the page.
  • A page produced by a WYSIWYG editor is usually interpreted in various ways by different browsers. Even the screen resolution to that effect could be affected. To overcome this problem some browsers support style sheets to replace those of its creator page.
  • The syntax produced by a visual editor if unchecked adjustments may be incomprehensible to the robots of search engines and also could cause an incompatibility with the text-only browsers.

WYSIWYG is not always What You See Is What You Get!

The visual editors do not always keep promises and sometimes an acronym WYSIWYG stands as something on the eyes. The reasons are the same that such editors are criticized:

  • The same syntax could be interpreted differently by the browser, or even the same browser but a different resolution. The biggest difference of course you can observe comparing a text browser like Lynx with a modern one. Same goes for voice browsers, probably not even be able to interpret the code.
  • If you print a page with Firefox or Internet Explorer you may get different results. Fortunately, the user can modify the parameters of resolution, print and more you can overcome many of these problems by using style sheets.

It is therefore clear that what you see is what you get might be more or less valid for a large portion of tourists, but nothing can never guarantee the compatibility of the generated page with the browser of all visitors.

WYSIWYM — What You See Is What You Mean

They are slightly different from the WYSIWYG editor instead to focus on the author of the document or its layout, these editors focus on every element of HTML formatting such as paragraphs and their function within the context page.

The fact its acronym stands for: What You See Is What You Mean whereas, WYSIWYG acronym stands for: What You See is What You Get.

Editor and W3C standards

HTML is a markup language structured. Browsers are able to recognize HTML and page structure based on tags inside the page’s source code. The W3C organization defines the rules for construction of the pages, called standard, Italianate, specifications.

Follow the standard operation is recommended to make their pages accessible to the broadest number of users by breaking down the navigation problems related to situations of disability, using resolutions lower than those for which the site is designed, bandwidth limitations etc.

Has emerged in this sense a principle that the structure of the document should be defined in HTML or XHTML, while the layout, i.e., the part of graphic design, should be assigned exclusively to style sheets or CSS.

Some older HTML editor and then do not follow modern guidelines of the W3C although the latest WYSIWYG editors have taken great steps in this direction, despite the long road still ahead. The situation is different text editors, with some ‘tricks of expertise and is relatively easy to create a code meets the specifications.

Study: From Wikipedia, the free encyclopedia. The text is available under the Creative Commons.

Read Here: Is it better to create a website using a WYSIWYG editor, or to code it by hand?