Editing HTML and XHTML

Special code writing features enable you to instantly create, edit and validate HTML and XHTML code.

Standards compliance

WeBuilder suggests and generates code according to selected HTML specification. Currently supported are HTML 4.01, XHTML 1.0, XHTML 1.1. You can select HTML specification for WeBuilder to work with or let it be done automatically based on your HTML document DOCTYPE section.

Using Inspector

HTML Inspector allows to make quick changes to an HTML tag. Once caret is inserted inside an HTML tag, Inspector displays a list of attributes supported by the tag. Code is automatically updated as you change the attribute values using editing fields provided by Inspector.

To enable Inspector, on the View menu click Inspector.

Notes

• Many inspector fields have attached buttons. These buttons invoke drop down boxes or dialog windows which help entering attribute value.
• To delete an attribute using Inspector, simply clear its value field.

Using Auto Complete

Auto Complete allows to reduce the amount of typing, by displaying list of valid elements and attributes that can be inserted with a mouse double click or Enter key.

Auto Complete window is displayed automatically as you type the code. You can also call the Auto Complete by pressing Ctrl+Space.

Notes

• Auto Complete can be disabled via Preferences dialog window.
• Auto Complete popup delay time can be customized via Preferences dialog window.
• To close Auto Complete popup, press Esc.

Creating HTML code

You can create HTML code using Insert and Format menu commands and HTML and Formatting toolbars. Each command inserts specific HTML language element. For exapmle, Hyperlink command will insert HTML hyperlink tag.

About HTML Tidy

HTML Tidy is a powerful, free tool for validating and formatting HTML and XHTML documents. WeBuilder integrates with this wonderful tool and provides convenient way to use it.

Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings".

Using HTML Tidy

HTML Tidy can perform many different tasks. Each task must be created and configured, before it can be executed. To save your time, WeBuilder comes with a set of pre-configured HTML Tidy tasks.

To execute one of the HTML Tidy tasks, on the Tools menu point to HTML Tidy submenu and click on the name of the task.

When HTML Tidy checks your document, items such as "errors" and "warnings" generated by HTML Tidy are displayed in the Messages panel. You can quickly navigate to the problem area by double-clicking error or warning item.

To configure HTML Tidy tasks, on the Tools menu point to HTML Tidy submenu and click Manage Tasks.

Preview HTML document

You can preview HTML documents directly in WeBuilder or automatically open them in specified Web browser.

Preview without leaving WeBuilder

To quickly preview HTML document without leaving editing environment, click Preview tab at the bottom of the document window.

You can also use one of the Split Screen tabs at the bottom of document window, to switch to horizontal or vertical split screen preview mode which allows you to edit code and preview results instantly.

To preview HTML document in a Web browser

• On the Tools menu, point to Preview In.
• On the Preview In submenu, click the Web browser you wish to use.