JavaScript Code Editors
These text editors or code editors written in JavaScript can be used independently or embedded in an application, online or locally.
Sample Script Code
Skywriter, was the first instance of a long line of JavaScript editors. It was originally called Bespin, which is the name of the planet in the films of the "War of the Stars" series, in particular, in the "Counterattack of the Empire" part. The planet shelters the city of clouds, which inspires the creators of the project.
The new name Skywriter (sky author) hints at a cloud (cloud). The Skywriter project was abandoned by Mozilla as standalone software (but the code is still available for download) to merge with Ace from Ajax.org, another open source project.
Skywriter runs entirely under Canvas, meaning that graphic components are images displayed in Canvas that can be modified or replaced with personal ones. This is not the case when Ace uses HTML and DOM components.
Ace stands for Ajax.org Cloud9 Editor, it allows you to run programs in about 30 programming languages, possibly in conjunction with GitHub integration when working on Cloud9.
Cloud9 is completely made in JavaScript, and consists of two parts, one rotating on the server runs on Node.js, the other in the browser includes the Ace editor.
You can easily check that the display and editing is fast, although it works online. The editor is easy to use and intuitive and extensible.
It is available everywhere at any time, like any web application, you can edit the code on the train, waiting room. After going online, the editor or its own version should allow programmers to contribute to the project and change the file code.
The source code of the editor itself can be embedded in its own web pages, since it is written in JavaScript, and therefore is an alternative to CKEditor or TinyMCE. However, the latter are text editors and offer WYSIWYG mode, which is not allowed by Ace.
Ace can be built into Drupal for code editing, but in addition to the classic editor. WordPress with TinyMCE moves to the competing CodeMirror editor as it becomes the core of this tool from version 4.
Ace is the publisher of Advanced Explorer.
ACE is BSD licensed.
Ace alternative, free and open source, supporting 60 languages. Built into the Light Table (see the EDI list in the programming section).
CodeMirror uses Highlight.js lighting, which can be used on a web page, and, by the way, is used on this site.
It offers self-confidence, code compression (folding), some syntactic checks (not as developed as in NetBeans).
Highlight.js themes are all similar, but you can customize one quite easily, and get, for example, the appearance of SyntaxHighlighter, if you prefer .
It is built into LightTable (see EDI list in programming section). Since version 4, TinyMCE also uses CodeMirror.
MIT license.
Brackets is an open source editor developed by Adobe and runs in a browser. Although based on existing CodeMirror software, it is still in active development in 2014. It uses CEF3 to integrate Chromium, where LightTable uses node-webkit.
He turned to contextual tools to suggest a pure mapping. The edited code is synchronized with the display in the browser, the source - with the presentation, the so-called "live editing." But that doesn't work if the page uses a template, unless you create an extension to support it. We also complain that he is being cheated. In addition, the editor is too slow on large files.
The number of videos is provided to represent the software.
All JavaScript developers should try this tool.
MIT license.
It is based on the Ace editing engine written in JavaScript and works locally with Electron.
It is specially designed to easily move from one project to another. The list of available projects is displayed in a tooltip and allows you to find a project-specific environment with one click.
In addition, it can store scripts and documents in a database, the contents of which can be passed directly to IndexedDB .
Creative Common license.
Created by GitHub, which also offers Atom Shell, a JavaScript, Node and HTML-based application environment. It has a large archive, as it includes all Atom Shell files, provides many functions and extensibility. There is no toolbar like Bracket, but Bracket displays a list of current files in the sidebar, which Atom does not offer. The learning curve is certainly higher.
His main interest is in plugins. For example, Hydogen, which allows you to execute the selected part of the code directly in the editor !
However, it can be used knowing that it records your activity statistics and therefore spies on your interaction with the publisher.
MIT license.
Offered for free by Microsoft for Linux and MacOS as much as for Windows, which was unexpected, but in the firm's new lineup this tool is based on Electron and Chromium as Atom, but clearly more reactive. Unlike Atom, the publisher is not CodeMirror, but Monaco, Microsoft's own project.
Its installation is simple and automatic .
It is a complete and extensible open source editor with highlighting for most programming languages, grammatical correction, and a debugging tool. Intellisense is supported for web technologies. This is especially important for programming in TypeScript.
A page is dedicated to its use (in English on GitHub:: VSCode tips and tricks.
If you don't need telemetry and other functions that send information to Microsoft, you can rather use VS Codium.
Microsoft license.
The lightest of the text editors in JavaScript, originally developed for Fastmail. It has no toolbar and is independent of other libraries. It is minimalistic, but completely when editing options and may be suitable for integration into an application that requires a more convenient editing window than the HTML text area.
MIT license.
Not to be confused with the publisher Scribe from The Guardian, who has similar characteristics.
Another rich text editor, but WYSIWYG, unlike Squire, has a toolbar with a small code size. It is extensible, has APIs and plugins, and can be installed locally via npm. You can select multiple character fonts at the paragraph or selected font level to bring it closer to text processing.
Version 1.0, released in September 2016, supports mathematical formulas, video insertion, modular architecture.
BSD license.
Designed for ROR developers for web pages, so comments and other online editions of text, it has basic features and the ability to include images or other HTML texts.
BSD license.
See also the list of development environments and the list of HTML editors, including CK Editor and Tiny MCE.