Ace.js编辑器入门及常用方法
ace-editor是一款在线代码编辑器插件，实现了一个IDE 应该有的全部功能，这也是ace 的强大所在。
我们看一个示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css" media="screen">
#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 type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ace/ace.js"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
document.getElementById('editor').style.fontSize='12px';
editor.getSession().setMode("ace/mode/javascript");
</script>
</body>
</html>
上例子，首先引入了ace.js的插件库， 然后将编辑器div 用edit 绑定成一个编辑器，后边的诸多功能，都是从这个对象开始的。指定了主题，设置了语言模式，直接用获得的ace editor对象,调用setTheme, getSession().setMode()，以及利用DOM 操作来制定字体大小。
所以，一个常规的注册过程应当是这样的：
var editor = ace.edit("xxx");
var session = editor.getSession();
实际上，这一块有一些API 搞得不是很清晰，有些函数是在editor 上操作，有些是在session上操作的，有些是editor 和session 都可以。所以一个良好的办法就是开始初始化的时候把两个都先初始化。
常用操作
设置和获取代码区内的代码，这是我的项目里要用的比较多的操作，因为涉及到频繁的...
点击查看剩余70%
{{collectdata}}
网友评论