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);