Stack Overflow
Stack Overflow

Questions tagged [ace-editor]

Ace is a standalone code editor written in JavaScript. The primary 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 a standalone code editor written in JavaScript. It's 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 the successor of the Mozilla Skywriter (Bespin) Project.

Features:

  • Syntax highlighting for over 100 languages (TextMate/Sublime Text.tmlanguage files can be imported)
  • Over 20 themes (TextMate/Sublime Text .tmtheme files can be imported)
  • Automatic indent and outdent
  • An optional command line
  • Handles huge documents (four million lines seems to be the limit!)
  • Fully customizable key bindings including vim and Emacs modes
  • Search and replace with regular expressions
  • Highlight matching parentheses
  • Toggle between soft tabs and real tabs
  • Displays hidden characters
  • Drag and drop text using the mouse
  • Line wrapping
  • Code folding
  • Multiple cursors and selections
  • Live syntax checker (currently JavaScript/CoffeeScript/CSS/XQuery)
  • Cut, copy, and paste functionality

Resources:

1202 questions
100
votes
6 answers

Set Value for ace editor without selecting the whole editor

So you can set value of an ace editor with setValue but after setting the value, the editor will select the whole value of the editor. How do you disable this? This mean when I set value of ace editor to Hello world, it won't highlight Hello world
Pixeladed
  • 1,773
  • 5
  • 14
  • 26
99
votes
5 answers

How do I make a textarea an ACE editor?

I'd like to be able to convert specific textareas on a page to be ACE editors. Does anyone have any pointers please? EDIT: I have the the editor.html file working with one textarea, but as soon as I add a second, the second isn't converted to an…
Paul
  • 1,519
  • 1
  • 16
  • 26
78
votes
8 answers

How do I get value from ACE editor?

I am using ACE editor for the first time. I have the below questions related to it. How do I find the instance of ACE editor on the page? I don't want to maintain a global variable which will hold the editor instance. I need to find its…
ShankarSangoli
  • 69,612
  • 13
  • 93
  • 124
69
votes
9 answers

Automatically adjust height to contents in Ace Cloud 9 editor

I'm trying to add the Ace editor to a page, but I don't know how to get the height to be set automatically based on the length of its contents. Ideally it would work so when the content changes the height is recalculated, but I would be happy with…
limitlessloop
  • 1,454
  • 3
  • 14
  • 21
50
votes
8 answers

Autocompletion in ACE editor

I've found simmilar question: Ace Editor autocomplete and multiple languages But the responses were that autocompletion is not supported by ACE, and according to Google group for Ace Editor "It is on my wishlish for Ace and we definitively need…
Wojciech Danilo
  • 11,573
  • 17
  • 66
  • 132
48
votes
1 answer

Slow Scrolling on Ace Text Editor For Mobile Touch Screen Devices

I'm trying to get The JavaScript code editor ACE to work on a mobile device. var editor = ace.edit("editor"); editor.setTheme("ace/theme/twilight"); editor.getSession().setMode("ace/mode/css"); You can find the full code here The vertical…
DriverBoy
  • 3,047
  • 3
  • 19
  • 21
43
votes
1 answer

Is there a way to hide the vertical ruler in Ace Editor?

Is there a way to hide the vertical ruler in Ace? By vertical ruler I mean the vertical line in the editor at 80 chars which helps to keep lines under a certain length. I'd like to give my users the options to enable/disable it If possible
Adonis K. Kakoulidis
  • 4,951
  • 6
  • 34
  • 43
42
votes
5 answers

How to set focus on the ace editor?

I am using the ace editor component from ajax.org inside a jquery tab interface. Each tab will contain a separate ace editor. Whenever I switch to a new tab, the editor in it won't get the focus. I can detect when a tab is selected by binding to the…
Ameet
  • 421
  • 1
  • 4
  • 3
28
votes
2 answers

How do I change the Font Style in ACE editor?

I am using ACE editor on my page,