Antechinus® JavaScript Editor

Current version: 14.0

More info, video tutorials, get your license…

Quick overview of JavaScript Editor

JavaScript IDE

10 Key Features of JavaScript IDE
(Integrated Development Environment)

JavaScript IDE is the integrated set of tools, such as JavaScript debugger, Intellisense, code-complete, color-coded editing, JavaScript templates, source code formatter / beautifier, etc, allowing you to do rapid development. This video shows 10 important JavaScript IDE features.

Watch the JavaScript IDE video

JavaScript Editor overview

JavaScript Editor – Full Overview

What is JavaScript Editor? What can you create with it? How does it work? What technologies does it support? The JavaScript Editor video below gives you the answers, and the general overview of the various facets of JavaScript IDE (Integrated Development Environment).

Watch the JavaScript Editor overview video


New in version 14 – codename: Roku TV Channel Master Developer

Create the App to Power Your Own TV Channel on Roku in Minutes and with no Programming

Roku is the leading provider of on-demand TV, with 26 million viewers in US and millions more around the world.

Added: 11 step-by-step training videos covering every aspect of creating your TV channel, start-to-finish

New in version 13 – codename: WP Master Developer

Support for the rapid development of WordPress plugins and themes

This major upgrade turns JavaScript Editor into the leading WordPress code editor, with the comprehensive support for 2,500+ WordPress functions (Help, Intellisense, Auto-complete, Templates, and a lot more).

[4 TRAINING VIDEOS] Code Editor for WordPress

Added: Easy Project Reuse

Reusing an existing project as a head start for new projects (e.g. plugins, themes, add-ons…) is a breeze: the program will duplicate the entire directory structures, and zoom through the files to make all the text and code replacements needed for the new project.

Updated: the optimization for Windows 10

New in version 12.0

Support for jQuery user interfaces

It allows you to add snazzy, theme-able and highly functional user interfaces to your web projects in seconds. Including:

  • Accordion
  • Autocomplete
  • Button
  • Datepicker
  • Dialog
  • Making elements draggable
  • Making elements droppable
  • Making elements resizable
  • Making elements selectable
  • Making elements sortable
  • Menu
  • Progressbar
  • Slider
  • Spinner
  • Tabs
  • Tooltips

Integration with third-party WYSISYG editors

JavaScript Editor is an exceptional tool when it comes to code editing, and even heavyweight visual editors such as Dreamweaver are miles behind. For several versions we’ve maintained the JavaScript Editor’s built-in visual editor, but this has never been its strong point, so in this version we ditched it in favor of making it super-easy to integrate with third-party visual editors.

If you have deep pockets, we recommend Adobe Dreamweaver as the best option.
If you’re looking for something simpler and FREE, we recommend Blue Griffon or Compozer. It only takes seconds to integrate them with JavaScript Editor, after which you switch shamelessly between writing code and visual HTML editing.

New in version 11.2

Support for Java

Support for C#

Updated Support for: JavaScript, PHP 5 , XHTML and CSS 3

  • Content-sensitive help

  • Intellisense, code-complete, templates

Cumulative Execution and Compatibility Fixes

  • Much faster program loading

  • New parser for better and super-fast scanning of functions and objects

  • About 30% of the program re-coded from scratch to avoid all V9 and v10 security issues

  • Re-coded all portions of the program that were previously incompatible with Windows 8.1

New in version 10.0

Comprehensive PHP support

  • PHP Syntax Checker

  • PHP functions, objects and operators

  • Intellisense / auto-complete

  • Code templates

New in version 9.0

Manage your websites with ease

Organizing your websites is now easier than ever – with multiple site profiles:

  • Work with unlimited number of websites.

  • Transfer multiple files and entire folders from your computer to the Internet and vice versa by simply dragging-and-dropping them with Antechinus® Quick FTP (supplied as a bonus with JavaScript Editor).

  • Transfer or update individual files straight from the Editor.
    A single click is all it takes to Put your page to the right location on the Internet (or to Get it from the Internet to your computer)…
    … and the program automatically creates new folders if needed.

  • Easily find, edit and organize the files you need – by using the new Site Pane.

4 ways to view your pages

It is important to be able to see what your pages will look like on the Internet – before you upload them. Here are the 4 easy ways to view your pages:

  1. View your page using Internal Viewer.
    Thanks to built-in error-checking, this is an option you are likely to use a lot during the design stage.

  2. View your page in the browser.
    With a single click you open your default web browser to view your page.

  3. View your page in the browser via the local web server.
    Are you using AJAX, PHP, or some other server-side technology to compose your pages?
    One click is all it takes to view your creation served by your web server (using http://localhost/…).

  4. View your page on the Internet.
    For example, you have just modified your page, selected the Put command – and presto, your page is live on the Internet…
    … and you can view it immediately!

View your pages in multiple ways – in multiple browsers

Internet Explorer, Firefox, Opera… it is important to see how your pages are rendered in different browsers.

Adding new browsers is a breeze, allowing you to: a) simply open the page in the browser your specify  b) view your page via your local web server, and c) view your creation on the Internet.

Insert ready-to-use solutions into your pages

Do you need a slide show for your pages?
How about beautiful rounded corners?

The brand new Insert Solution option lets you find the code you need, customize it to meet your needs, and add it to your web pages – instantly.

Insert JavaScript solution

Easily create, edit, and maintain Cascading Style Sheets – CSS for your pages

This version of JavaScript Editor introduces new template tools for editing your CSS files.
Also new is the tutorial explaining how to use CSS in your pages.

Have a head start – with new page templates

Do you need a redirection page?
Or, could you find use for a “news flash” page with the text-typer effect?

Use the new document templates to create the page you need – quickly and effortlessly.

New in version 8.0

Enjoy quick and easy eradication of logical errors with the integrated JavaScript debugger.

Debugging web applications in the simplest possible way: single-click JavaScript and VBScript debugging is something no competition offers – be it a commercial script debugger or a free JavaScript debugging utility. And this is in addition to the familiar connect-to-the-running-process debugging.

Stop wasting time – set your breakpoints only once. If you went for the Microsoft script debugger download you’ll know that you have to connect to the running process, then set your breakpoint – and repeat the process each time you make a change in code.

JavaScript Editor allows you to set your breakpoints at any time – before, during or after the debugging session.

Track your objects / complex variables. Are you working with text and numbers or complex objects? Track their state with the same ease.

Easily organize your breakpoints. And with the unique Show me! option you can see the exact place in code of all your breakpoints and the exact locations of stack frames as they are formed.

Here is the very brief overview of the most important debugging options:

 start_javascript_debugger

Start Debugging with a single click. Opens the web page, connects the debugger and starts the debugging session.

javascript_stop_debugging

Stop Debugging. Terminates the debugging session – and automatically closes down the browser window.

javascript_debugger_set_breakpoint

Breakpoint. Sets the breakpoint on and off.

javascript_debugger_continue

Continue. Continues the execution from the break in the code.

javascript_debugger_step_into

Step Into. Steps into the function / block of code.

javascript_debug_step_over

Step Over. Executes the current line of code and moves to the next one.

javascript_debugger_step_out

Step Out. Steps out of the current function / context.

javascript_debugger_run_to_cursor

Run to Cursor. Executes the code up to the cursor location.

javascript_debugger_inspect_variables

Inspect Variable. Shows the value of the selected variable.

javascript_debugger_add_to_watch

Add to Watch. Adds the selected variable to the watch window.

javascript_debugger_watch

Watch. Displays variables and their values and updates them automatically at each break of the execution.

javascript_variables

View Local Variables. Toggles the local variables window on and off.

javascript_debug_view_call_stack

View Stack Frames. See the call stack – all the variables in all the stack frames as a given point of execution.

Break

Directs the execution to stop at the first line of script.

Important: Active Script Debugging must be installed on your machine for the integrated JavaScript debugger to operate. If you do not have it, the download and the installation are free (and it just takes seconds) – just select Help / JavaScript Debugger Requirements and Troubleshooting from the menu and follow the instructions.

Set your environment exactly the way you want it. The new smart resize lets you organize your tools with ease, including the revamped Resource Manager:

Add multimedia capabilities to web pages in seconds. Preview multimedia – video, images, audio files, etc before inserting them automatically.

Access your source files instantly. Folder history and the active document folder are only one click away.

New in version 7.0

In short, v7.0 is a huge upgrade making your JavaScript / AJAX editing easier then ever:

Easily integrate third party tools: compile JScript.Net applications and libraries, run Python and PHP interpreters, and much more…

Debug your code faster: inspect JavaScript variables at run-time

View, create, format, edit, syntax-check and validate XML files

Format your code the way you want with the source code formatter / code beautifier

Cleanup, fix and format HTML, XHTML and XML

Output clean, well-formed XHTML code automatically after editing your pages in Visual Web Designer

Automate common operations within the editor with the macro recording / playing tool

Spell-check your documents automatically while you work (over 40 languages are supported)

Customize the Editor to your taste: shortcut keys, background skins, splash window, tabbed document navigation, file association, and more…

Easily integrate third party tools

Web and software development of today involves multiple technologies. You will love the completely revamped integration of third party tools. Here is just a glimpse of what you can do now:

Tap into the power of .Net: compile JScript.Net applications (.exe) and libraries (.dll)

Automatically navigate to errors in your code after compiling for speedy correction

Run compiled applications directly from JavaScript Editor IDE

Run compiled console applications with the output displayed in JavaScript Editor’s Output pane

Run PHP and Python interpreters

Add context-sensitive help for PHP, Python and other scripting and programming languages

For more information on available additional components, click here.

Debug your code faster

In addition to the existing testing and debugging tools, you can now inspect any JavaScript variable at run-time:

Display your web page (using Show Internal Viewer), and

In your code, highlight the variable and select Build / Inspect Variable from the menu

Work with XML files

Developing Internet applications using AJAX (asynchronous JavaScript and XML) is great:

It is fast and efficient. Only small amount of data passes through, making it a highly suitable platform for Internet application development, and

It is transparent to the user. The data is being interpreted to change only the portion of the web page that needs to be changed, not the entire page.

JavaScript Editor allows you to view, create, format, edit, syntax-check and validate XML files.

Source code formatter / code beautifier

As you use the code from various sources you will inevitably end up with different coding styles and standards. This makes the source code hard to read and maintain, and at odds with what you’d like to see and your organization’s standards.

To address this issue, this version introduces a powerful source code formatter / beautifier, which will allow you to apply the style you want.

code_beautify

JavaScript Editor includes the predefined settings for common coding styles: ANSI, Java and Linux/Unix.

Are you working with multiple technologies? The source code formatter / beautifier is optimized for JavaScript and several other languages: C, C++, Java, C#, and ActionScript.

Save time by applying the coding style to many documents at once.

Cleanup, fix and format HTML, XHTML and XML

Today’s browsers continue to support old-style HTML code, but the modern sites are increasingly coded in eXtensible HTML (XHTML). JavaScript Editor includes powerful XML, HTML and XHTML formatting options, allowing you to produce code that is highly optimized, well-formed and easy to read and maintain.

html_beautify

Has your web site evolved over time? Have you ever observed how HTML code looks like when you save your Word document as a web page? Convert your old HTML code to XHTML, which is in many respects better, faster to render and better organized.

Different coding standards, combination of manual and visual editing, differences in upper/lower case, using/not using quote marks for properties, etc make your code exceptionally hard to maintain.

JavaScript Editor now ensures that all your pages are properly and consistently formatted.

JavaScript Editor combines together:

The HTML code formatter / beautifier
The XHTML code formatter / beautifier
The XML code formatter / beautifier, and
The HTML to XHTML converter.

Automatic code formatting after editing your pages in Visual Web Designer

Visual HTML editors speed up your web design, but often produce “dirty” HTML code that is yet to be optimized. Visual Web Designer, which is built into JavaScript Editor is no exception: it allows you to design your pages quickly, create forms and add multimedia components visually and generates all the HTML code for you.

The difference is, Visual Web Designer now automatically invokes the HTML / XHTML formatter to optimize your code. Instead of the “dirty” code you end up with beautiful, well-formed documents.

Macro recorder

Automate common operations within the editor with the macro recording / playing tool. It records your keystrokes, commands and mouse actions, saves them and allows you to replay them.

Macros are commonly used automation tools. JavaScript Editor has so far relied on other powerful mechanisms like automatic template-matching and auto-scripts for automating common tasks. Upon popular request, we are now including macros as well.

Spell-check your documents automatically while you work

When you edit your web pages, you may forget to run the spell checker, and spelling errors make your site look unprofessional. JavaScript Editor now does it automatically. As you work, the program checks your web pages for spelling errors – if found, the misspelled word is highlighted with squiggly lines, for example:

Hovering your mouse over the misspelled word will display the spelling options.

spell_checker

To save on download time, JavaScript Editor ships with only 4 English dictionaries:

English (US) – default
English (UK)
English (Australia), and
English (Canada).

However, you can download and install additional language dictionaries in no time, for German, Dutch, Swedish, French, Italian, Danish, Norwegian, Spanish, and more than 40 other languages.

Customize the Editor to your taste

After spending months or years using your favorite software, you get accustomed to shortcut keys, which can considerably speed up all the operations. JavaScript Editor now allows you to re-assign all shortcut keys so that you can continue working with familiar shortcuts rather than having to learn the new ones.

Apart from the shortcuts, the Customize tool allows you to adapt different aspects of the program to your taste:

Background colors and skins

Editor fonts, colors and other settings

Splash window

Tabbed document navigation and more…


More info on JavaScript Editor
Orders and licensing information