1st JavaScript Editor Online Help

Prev Page Next Page

Feature Overview


Features that make JavaScript editing in First JavaScript Editor very flexible:

Built-in JavaScript Debugger will allow you run the code, one line at a time, and each time, either adding extra code on the fly (without editing the original file), or checking how variables change in the run of the program.

JavaScript Debuger

Unified color-coded syntax – for JavaScript, HTML, PHP, VBScript, CSS, ASP(Net). You can immediately identify comments, functions, object, methods and other elements. Color also helps you with potential problems, for example Alert(‘hi') and alert(‘hi') is not the same thing in JavaScript.

Highlighting matching curly braces. There are two ways to highlight:
a) by placing caret before brace
b) by placing mouse over curly brace
So you are able to highlight two pairs of matching curly braces at the same time!!!

Block Comments. You can comment a section of JavaScript code by selecting the code in the Code Editor and pressing CTRL+/ (slash). Each line of the selected code is prefixed with //.
Pressing CTRL+/ will add or remove the slashes, based on whether the first line of the code is prefixed with //.

Press [CTRL+/] to comment selected text

Comment selected text

or uncomment selected text

Uncomment selected text

Ability to experiment – unlimited (customizable) Undo and Redo are only one click away.

Save time by loading your recent files automatically next time you run the program.

Context help (Shift+F1) gives you access to over 2000 methods, properties, events etc. of DHTML! Just place cursor on any word in the editor then press Shift+F1 and get description (with examples) of almost any object of JavaScript, HTML, CSS and DHTML.

Single-click navigation between documents using document tabs.

Go to declaration:

Go to declaration

Navigation to a declaration has been extended in First JavaScript Editor 3.6, and now (in addition to functions, variables, etc.) it is also supported for JavaScript labels.
Use the Ctrl + Click combination and this will immediately navigate you to the line of code where the label, function or variable is declared.

Line numbers and word-wrap. Optionally, you can have line numbers and word-wrap displayed.

1st JavaScript Editor uses Intellisense to simplify writing of code and make it more error-free.
IntelliSense provides an array of options that make language references easily accessible. It works by monitoring your keystrokes and offering pick-lists with member functions, methods and properties. When coding, you do not need to leave the code editor to perform searches on language elements. You can keep your context, find the information you need, insert language elements directly into your code, and even have IntelliSense complete your typing for you. It works for HTML, CSS and JavaScript.

Complete JavaScript, CSS and HTML reference .

HTML, CSS and JavaScript tutorials.

Context-sensitive help : just press Shift + F1 to receive help on the function, method, property or any word under the cursor. Without this, you would have an impossible task of memorizing hundreds of functions you can call and the parameters you can pass to them.

Bookmarking for easy and fast navigation.

Find functions and variables in your documents easily - they are automatically listed.
The application finds the function or variable, scrolls to it and marks it.

Code formatter. If you use some codes from external sources with different coding styles and standards you probably know how it is hard to read and maintain these codes.
To help you in this matter, 1st JavaScript Editor has an excellent source code formatter / beautifier, which allows you to customize and apply any style you want.
You can format embedded JavaScript code (any web file), pure JavaScript (JS file) or selected text (don't forget to select only JavaScript!).

JavaScript Formatter

Clipboard panel allows you to get all clipboard copy actions (up to 30).
You can define the limit from Preferences dialog.
To insert a clipboard content double-click or drag & drop to active window.


Usages highlighting.

Usages highlighting

If you are interested in usages of any JavaScript word in the current document, try the Ctrl + Shift + F11 shortcut. All usages will be highlighted.
Using F11 and Shift + F11 you can quickly navigate highlighted usages back and forth. Pressing ESC you can unhighlight highlighted usages. You can access all these actions via menu EDIT --> USAGES.

Now you can use 1st JavaScript Editor with other HTML editors (f.e. Dreamweaver or Front Page) You simply open your document with both tools. Whenever you save the page in Dreamweaver, First JavaScript Editor proposes you to re-load it. This makes it easy to switch between visual editing and writing code.

Have your script error-free code in record time

Unless your code is very simple, it usually has typing and other errors. How to you find them and correct them? Without the right tools, this is a doubting task that can take up most of your time. It is not uncommon to spend 10% of time coding new features, and 90% chasing errors !

JSFactoy includes unique tools that allow you to avoid the bug-finding frustration and focus on development instead of wasting your time:

Up until now the only way to hunt errors in your code was to run it in a web browser, then navigate to the offending line number. You no longer need to waste your time:

Click on the HTML Syntax Check button

It will check html syntax for current document and displays the result in the “Output window”.

Click on the JavaScript Syntax Check button

It will check JavaScript syntax for current document and displays the result in the “Output window”.

In addition, you can easily check "JavaScript islands" in your HTML code: just use the mouse to highlight the code, and click on JavaScript Syntax Check.

Run any piece of JavaScript code with one click

How does it work? This is a case when an example goes a long way:

Have a look at a simple example below:

When you click on the Execute button (or press F2), the interpreter built into First JavaScript Editor runs the code and raises some messages or displays the result of the write function in the “Output window”:

Calling any JavaScript functions either from document or from browser.

This feature allows you to:
     - Call any JavaScript function straight from 1st JavaScript Editor
     - Pass parameters to it, and
     - Observe the result in “Output window” or by getting messages.


Type-in templates, for JavaScript functions and statements, are reusable chunks of code which at least double your coding speed . Just type the first few letters of the template and press Ctrl+J : this will pop a list with all the matching templates:

Publish your colored code with ease

When you publish your code on the Internet or elsewhere, it is a good idea to preserve the color coding and formatting : it makes your JavaScript code much easier to read and understand.
To this aim, use 1st JavaScript Editor to export your files:
As web pages, for placing them on the Internet, or as RTF files, for use in Microsoft Word or other text processors.

Previewing using multiple browsers: Now you can add or remove any (quantity of) browser located in your computer to “Browser List”, to preview an HTML page from 1st JavaScript Editor.

Editing a source code outside First JavaScript Editor using multiple editors: Now you can add or remove any (quantity of) editors located in your computer to “Editors List”, to edit code outside First JavaScript Editor.

Use large snippets library with full collection of HTML tags, HTML attributes, HTML events, JavaScript events and JavaScript functions, attributes, statements and operators (such as window, document, frame, history, location, navigator, date, math, string, etc - at whole over 1200), allowing you to insert them into web page by click.

One of the most important features is a unique library containing over 200 ready-to-use controlled scripts and in addition, over 700 not controlled scripts for professionals!