Free JavaScript editor in CodeLobster IDE

Free CodeLobster IDE includes free JavaScript editor


Free JavaScript editor represents the following abilities to work with JavaScript code:


1. Code highlighting
That feature means JavaScript syntax coloring.
JavaScript highlighting

2. Paired highlighting
The Editor highlights in pairs braces,
JavaScript pairs braces highlighting
square brackets
JavaScript square brackets highlighting
and parenthesis
JavaScript parenthesis highlighting
when the cursor is placed between beginning and ending enclosing characters.

3. Intelligent Auto-complete
Auto-complete feature "remembers" and lists in pop-up window DXML objects,
JavaScript objects and methods autocomplete

JavaScript classes,
JavaScript classes autocomplete

JavaScript variables and functions.
JavaScript variables and functions autocomplete
Completion list is called automatically in necessary area of JS code.

4. JavaScript debugger
Codelobster IDE includes JavaScript debugger that works similar to PHP debugger.
JavaScript debugger

You should go to Live View (using Chrome browser for HTML files) or press F5 to start JavaScript debugger.

4. Context and Dynamic Help
With these features you can quickly obtain necessary information about JavaScript structure and syntax.
To get help topics using Context Help:
  • Place the pointer on element you want to review help topic for and press F1 button

By default free JavaScript editor searches for proper help information on https://learn.microsoft.com/ site.
You can select Local MSDN instead. To change site address:
  • Move to the Preferences menu (Tools|Preferences)
  • In the left grid click Context Help item and select JS
  • In the right grid select necessary value from the Location dropdown list and press OK
JavaScript context help

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

© Copyright by CodeLobster Software