最近在做一个node.js的项目，有一处textarea需要编辑js脚本，普通的textarea使用起来比较鸡肋，于是决定找一个好用的脚本编辑器接入使用，简单跟大家分享一下接入方法。
一、资源获取
废话不多说，先上ACE官网：https://ace.c9.io/#nav=about
资源地址：https://github.com/ajaxorg/ace-builds/
下载好资源后，看readme，它有4种版本：
- src concatenated but not minified
- src-min concatenated and minified with uglify.js
- src-noconflict uses ace.require instead of require
- src-min-noconflict concatenated, minified with uglify.js, and uses ace.require instead of require
正常情况我们使用src-noconflict版本就够用了，今天也是基于这个版本来接入的。
二、简单版ACE编辑器接入
先看个官网给出的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<title>ACE in Action</title>
<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 src="/ace-builds/src-noconflict/ace.js" type="text/javascript" charset=
最低0.47元/天 解锁文章
扫一扫
1119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
