ace.js编辑器怎么用？

ace.js编辑器支持 120多重语言并且支持markdown 非常好用的代码编辑器

编辑代码或者显示代码都推荐去使用

github下载地址 https://github.com/ajaxorg/ace

语法高亮超过120多种语言

超过20个主题

自动缩进

减少缩进

一个可选的命令行处理庞大的文件（400万线似乎是极限！）

完全自定义的键绑定，包括vim和Emacs模式

用正则表达式的搜索和替换

突出显示匹配的括号

软标签和实际标签之间切换

显示隐藏字符

使用鼠标拖放文本

换行

代码折叠

多个光标和选择

现场语法检查器

剪切，复制和粘贴功能

代码提示

尤其多代码提示功能，做的非常好

使用例子

只需要加载这两个文件即可下载的时候会有src-noconflict 这个文件

<pre id=”editor”><?php 11;?></pre>

<script src=”ace/src-noconflict/ace.js” type=”text/javascript” charset=”utf-8″></script>

<script src=”ace/src-noconflict/ext-language_tools.js” type=”text/javascript” charset=”utf-8″></script>

下面的JS代码要写到你的编辑器上面，不然有可能因为加载问题没有代码提示

<script>

var editor = ace.edit(“editor”);//

editor.setTheme(“ace/theme/twilight”);//设置模板

editor.session.setMode(“ace/mode/php”);//设置语言

editor.setOptions({

enableBasicAutocompletion: true,

enableSnippets: true,

enableLiveAutocompletion: true

});

</script>

ace.js 方法属性调用

editor.getValue();   获取编辑器的值

editor.setValue(value);设置编辑器的值

editor.setTheme("ace/theme/twilight");设置皮肤

//设置编辑配置信息
editor.setOptions({
    enableBasicAutocompletion: true,
    enableSnippets: true,
    enableLiveAutocompletion: true//是否开启智能提示
});

editor.session.setMode("ace/mode/markdown");//设置编辑器语言