Basic
Ace Code Editor
Ace is an embeddable code editor written in JavaScript.
Default
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Hello, ACE! The result of your math is: ";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);
Tomorrow-Night-Blue Theme
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Hello, ACE! The result of your math is: ";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);
Customize Font Size
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio deserunt vitae incidunt iure, officiis tempora assumenda temporibus non maiores aliquam maxime excepturi unde aperiam deleniti accusamus laudantium! Eveniet, fugiat dolor.";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);
Wrap : Margin
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio deserunt vitae incidunt iure, officiis tempora assumenda temporibus non maiores aliquam maxime excepturi unde aperiam deleniti accusamus laudantium! Eveniet, fugiat dolor.";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);
Without Folding
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Hello, ACE! The result of your math is: ";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);
No Gutter
/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
function add(x, y) {
var resultString = "Hello, ACE! The result of your math is: ";
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);