Code Editor

THIS MONTH

$12,125

LAST YEAR

$22,754

Ace Editor (Javascript Mode)

You can find the offical website
                /**                 * 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);

Ace Editor (Html Mode And Emmet)

You can find the offical website
<!--                * We are currently showing off the Html mode. ACE has support for 45                * language modes and 24 color themes!                 -->                <!DOCTYPE html>                <html lang="en">                <head>                <title>ACE in Action</title>                <style>                    #editor {                        position: absolute;                        top: 0;                        right: 0;                        bottom: 0;                        left: 0;                    }                </style>                </head>                <body>                <div id="editor">function foo(items) {                    var x = "All this is syntax highlighted";                    return x;                }</div>                <script src="/ace-builds/src-noconflict/ace.js" charset="utf-8"></script>                <script>                    var editor = ace.edit("editor");                    editor.setTheme("ace/theme/monokai");                    editor.getSession().setMode("ace/mode/javascript");                </script>                </body>                </html>

Ace Editor (Css Editor)

You can find the offical website
                    /* Some example CSS */                    @import url("something.css");                    body {                    margin: 0;                    padding: 3em 6em;                    font-family: tahoma, arial, sans-serif;                    color: #000;                    }                    #navigation a {                    font-weight: bold;                    text-decoration: none !important;                    }                    h1 {                    font-size: 2.5em;                    }                    h2 {                    font-size: 1.7em;                    }                    h1:before, h2:before {                    content: "::";                    }                    code {                    font-family: courier, monospace;                    font-size: 80%;                    color: #418A8A;                    }