Free HTML editor in CodeLobster IDE

Code highlighting means syntax highlighting for HTML code in the active Editor window

Enclosing tags are highlighted in pairs when a cursor is placed between beginning and ending enclosing characters.
This feature helps to check code for errors, as it highlights mismatched enclosing characters in a special color that you can change from the Preferences menu.

Intelligent auto-complete feature enables to write code faster. Pop-up completion list includes HTML tags,
tag attributes
and attribute values It is called automatically in a required code area and lists possible variants for current element completion.

Navigation with holding CTRL button helps to open target files quickly.

HTML tooltips shows images preview with their size.

With these features you can get necessary information about any element of HTML code.

To get help topics using Context Help:

• Place the pointer on necessary element and press F1 button

By default free html editor searches for proper topic on https://www.w3.org site. To change site address:

• Move to the Preferences menu (Tools|Preferences)
• On the left panel click Context Help item and select HTML
• On the right panel select necessary value from the Location dropdown list and press OK

The Dynamic Help window displays links to help topics for an element the pointer is placed on. By default free HTML editor conducts search to https://www.w3.org site.

This feature allows hiding tags or code blocks you aren't working on to make navigation a little easier.
To collapse code fragment, click "-" marker in the gutter next to the line numbers.

The Comment Lines option (Edit|Comment Lines) allows commenting lines and code blocks.

To add comment:

• Select code area you want to comment
• Go to Edit|Comment Lines (Alt+C )

To remove comment:

• Select commented area
• Apply Uncomment Lines option (Edit|Uncomment Lines)

---

Information about Professional version | Next feature

---