ace富文本编辑器

2018/06/27 18:12
阅读数 63

在线文本编辑器(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文件,进行替换。

 

 

 

 

 

四、编辑器的使用示例

 

  

 

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

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
在线直播报名
返回顶部
顶部