码迷,mamicode.com
首页 > 其他好文 > 详细

ace富文本编辑器

时间:2018-06-27 18:57:56      阅读:684      评论:0      收藏:0      [点我收藏+]

标签:一个   在线   json   官方   头文件   hub   http   分享图片   str   

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

 

 

 

 

 

四、编辑器的使用示例

 

  

 

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

ace富文本编辑器

标签:一个   在线   json   官方   头文件   hub   http   分享图片   str   

原文地址:https://www.cnblogs.com/canacezhang/p/9235363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!