ace富文本编辑器

Posted 2020-11-20 canacezhang

在线文本编辑器（ACE Editor）

 

ACE是一个实现了语法着色功能的基于Web的代码编辑器，具有良好的代码提示功能和大量的主题。

 

 

一、资源获取

 

官方网址：https://ace.c9.io/

 

 

 

Github地址：https://github.com/ajaxorg/ace-builds

 

下载好资源后，看readme，使用src-noconflict作为依赖的资源库

 

在下载的依赖的库里包含以下几种开头的文件

ace.js  是依赖的主文件

ext-XXX  是关于编辑器的设置文件

mode-xxx 是编辑器对不同语言的识别和高亮文件

theme-xxx  是编辑器不同主题的文件

 

 

二、引入头文件

 

 

 

三、页面引入js文件

 

 

 

这里引入的是对json代码的提示和代码高亮，可以在依赖的库里找到不同语言对应的js文件，进行替换。

 

 

 

 

 

四、编辑器的使用示例

 

　　

 

支持代码高亮，关键词提示，且存在代码缺失等问题时，在行号前提示错误