ace富文本编辑器


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

 

 

 

 

 

四、编辑器的使用示例

 

  

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM