Ace.c9.io example
HTML
<script src="//cdn.jsdelivr.net/ace/1.2.0/min/ace.js"></script>
<div class="content">Some other tags</div>
<div class="editor-wrapper">
<div id="editor">function foo(items) {
var x = "All this is syntax highlighted";
return x;
}</div>
</div>
CSS
#editor {
width: 100%;
height: 200px;
}
.editor-wrapper {
position: relative;
margin: 10px 0;
}
JavaScript
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai"); // a theme is not required
editor.getSession().setMode("ace/mode/php");
/* you can set it to python just like that:
editor.getSession().setMode("ace/mode/python");
*/