Code Editor

Ace Editor(Javascript Mode)

You can find the offical website
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
@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}
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?