Free PHP IDE Codelobster PHP Edition includes free HTML editor
For working with HTML code free HTML editor represents the following abilities:
1. Code highlighting
Code highlighting means syntax highlighting for HTML code in the active Editor window
2. Pair highlighting
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.
3. Intelligent Auto-complete
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.
4. Navigation with holding CTRL button
Navigation with holding CTRL button helps to open target files quickly.
5. Images tooltips
HTML tooltips shows images preview with it's size.
6. 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, free html editor 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
Dynamic Help
The
Dynamic Help window displays links to help topics for element pointer placed on. By default, free HTML editor conducts search on
http://www.w3.org site.
7. Code collapsing
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 next to it in the gutter by the line numbers.
8. Commenting code
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)