News
CodeLobster PHP Edition
December 4, 2008 - Codelobster PHP Edition FREE Version 2.7 released
Read More
    Menu
CodeLobster PHP Edition
  Details
  Drupal plug-in
  Smarty plug-in
  Versions history
Features tour
  HTML editing
  CSS editing
  JavaScript editing
  PHP editing
  PHP debugger
  SQL autocomplete
Other
  Affiliate
  Links
  Contact
    News
Home News Download Order Now Forum Support

For working with Html code our IDE represents the following abilities:
1. Code highlighting
Code highlighting means syntax highlighting for HTML code in the active Editor window
HTML highlighting

2. Pair highlighting
Enclosing tags are highlighted in pairs when a cursor is placed between beginning and ending enclosing characters.
HTML pair tags highlighting

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.
HTML mismatched tag highlighting
HTML unclosed tag highlighting

3. Intelligent Auto-complete
Intelligent auto-complete feature enables to write code faster. Pop-up completion list includes HTML tags,
HTML tags autocomplete

tag attributes
HTML attributes autocomplete

and attribute values
HTML values autocomplete
It is called automatically in a required code area and lists possible variants for current element completion.

4. Context and Dynamic Help
With these features you can get necessary information about any element of HTML code.
To get help topics using Context Help:
  • Place pointer on necessary element and press F1 button
By default, our application searches for proper topic on http://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
HTML context help

Dynamic Help
The Dynamic Help window displays links to help topics for element pointer placed on. By default, application conducts search on http://www.w3.org site.
HTML dynamic help
5. Commenting code
The Comment Lines option (Edit|Comment Lines) allows commenting lines and code blocks.
comment HTML code

To add commment:
  • 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)
Next feature
© Copyright by CodeLobster Software