如何制作基于web的代码编辑器

我一直在尝试创建一个代码片段网站，我只需要一个漂亮的带有语法高亮的开源代码编辑器。我发现http://ace.c9.io/但当我通过编辑器脚本传递PHP时，它似乎不起作用；

通过CodeEditor运行的PHP代码：

    <div id="editor"><?php echo 'test'; ?></div>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/javascript");
    editor.setReadOnly(true);
</script>

它在编辑器框中显示"测试"。

如果我使用此代码通过Javascript，它会起作用：

<div id="editor">function foo(items) {
    var x = "All this is syntax highlighted";
    return x;
}</div>

<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/javascript");
</script>

我需要一个可以方便地输入任何文本/代码并适当突出显示它的程序。