Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

javascript code editor [closed]

Tags:

javascript

I need to write a browser-based simple code editor that would highlight errors such as unclosed parentheses, code completion etc.

my question is - which tools would you recommend using to implement this? pure js? gwt?

thanks!

like image 831
NightOwl Avatar asked Dec 24 '10 06:12

NightOwl


People also ask

What is code editor in JavaScript?

Besides basic editing features, a JavaScript code editor provides you with syntax highlighting, indentation, autocomplete, and brace matching functionality. Some editors also allow you to debug JavaScript. The following are some popular JavaScript code editors: Visual Studio Code. Atom.

Is there any IDE for JavaScript?

Microsoft Visual Studio Code is the most widely used and popular IDE. It is Microsoft developed and includes tools and extensions for various computer languages such as C #, C ++, Python, PHP, etc. JavaScript, TypeScript, NodeJS, and many more.

Is CodeMirror open source?

About. CodeMirror is open source under a permissive license (MIT). It is being developed on GitHub. Contributions are welcome.


2 Answers

http://codemirror.net/ - Are you are looking for something like this? The editor embedded in the book Eloquent JavaScript was excellent. (CodeMirror is created by Marijn Haverbeke, the author of Eloquent JavaScript)

like image 107
dheerosaur Avatar answered Oct 03 '22 07:10

dheerosaur


You should check out Cloud9 IDE ( http://c9.io/ ) which uses Ace. You can also embed Ace in your site ( http://ace.ajax.org/ )

Ace (from Ajax.org Cloud9 Editor) is a standalone code editor written in JavaScript. The goal is to create a web-based code editor that matches and extends the features, usability, and performance of existing native editors such as TextMate, Vim, or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and as the successor of the Mozilla Skywriter project.

Features

  • Syntax highlighting.
  • Auto indentation and outdent.
  • An optional command line.
  • Work with huge documents (100,000 lines and more are no problem).
  • Fully customizable key bindings including VI and Emacs modes.
  • Themes (TextMate themes can be imported).
  • Search and replace with regular expressions.
  • Highlight matching parentheses.
  • Toggle between soft tabs and real tabs.
  • Displays hidden characters.
  • Highlight selected word.
like image 37
TiansHUo Avatar answered Oct 03 '22 07:10

TiansHUo