ace.js在线代码编辑器实战

背景

ACE简介：

功能实现

1、引入js

         2、添加控件

3、初始化组件

4、保存时代码语法检测 

5、效果图及完整示例代码：

6、官网在线测试： 

7、遇到的一些问题：

---

背景

      项目需要，在一些场景，用户需要手动编写一些js脚本来实现自己的功能；前期一直用文本框显示，不便于编辑和查看。因此需要引入一个在线代码编辑器。效果如下：

         

ACE简介：

        ACE是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过40种语言语法高亮，缩进，代码提示功能且具有大量的主题；并能够处理代码多达404万行的大型文档。ACE开发团队称，ACE在性能和功能上可以媲美本地代码编辑器（如SublimeText、TextMate和Vim等）。

官方网址：https://ace.c9.io
Github地址：https://github.com/ajaxorg/ace

支持语言：java、javascript、json、jsp、markdown、mysql、nginx...

功能实现

1、引入js

   方式一：下载源码   

  下载地址1：https://github.com/ajaxorg/ace-builds/

方式二： 引用在线的  

bootstrap中文网提供的cdn服务；