Working in HTML mode
To switch to HTML (source editing) mode, click the HTML tab at the bottom of the main window or press F6. You can also work simultaneously in HTML and visual editing mode: on the View menu, select Mode and then click Edit & HTML.
Source editing features and options
Working in Namo WebEditor’s HTML mode is much like using a text editor, but with enhancements designed to make working with HTML easier. The default enhancements, all of which can be toggled or customized, include:
Code helpers
When you start typing a tag name, attribute name, CSS property name, or CSS value, a scrolling list of possible matches appears just below the insertion point. As you continue to type, the list “homes in” on the best match based on the characters you’ve typed. When the item you want is selected, pressing Tab or Enter will complete the item for you. You can also use the mouse to scroll through the list; double-clicking an item enters it.
Source coloring
Various parts of the source code are colored according to their function. Colored items include tags, attribute names, attribute values, entities, comments, CSS selectors and properties, and so forth. In addition to HTML, coloring is supported for ASP, PHP, JSP, and JavaScript code.
Line numbering
Source code line numbers are displayed in the left margin.
Current line highlighting
The current line (the line containing the insertion point) is highlighted to make it easy to see where you are in the source code.
Auto indent
When you start a new line of code after a line that is indented, Namo WebEditor automatically indents the new line by the same amount.
Soft-wrap
Lines that are too long to fit in the window are “soft-wrapped” at the right margin, so you don’t have to scroll horizontally to see a whole line.
To change any of these settings or others, such as the font used in HTML mode, right-click anywhere in the HTML window and click Source Editing Options.
Inserting elements in HTML mode
You can quickly insert some kinds of elements in HTML mode using commands and toolbar buttons, rather than by typing. The commands, submenus, and buttons you can use to insert elements in HTML mode are listed below.
On the Home menu:
- Hyperlink
- Comment
On the Insert menu:
- Image > Image, Clip Art
- Table
- Frameset
- Script > Insert Body Script
On the Develop menu:
- Form Field
Related topics
Preferences dialog box – HTML Source tab