ACE editor 在线代码编辑极其高亮

简介

ACE是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何WEB页面或者JavaScript应用程序中，ACE支持超过60种语言语法高亮，并能够处理代码多达400万行的大型文档。

 

   特性

1. 代码高亮
2. 自动缩进
3. 更换主题
4. 搜索和替换支持正则表达式
5. 高亮选中
6. 代码折叠

主页： https://ace.c9.io/

项目地址：https://github.com/ajaxorg/ace

下载：ace-master

 

API

1. require("lib/ace"); ##引入
2. editor.setTheme("ace/theme/solarized_dark");##设置模板；引入theme-solarized_dark.js模板文件
3. editor.getSession().setMode("ace/mode/javascript"); ##设置程序语言模式
4. editor.setValue("the new text here");##设置内容
5. editor.getValue(); ##取值
6. editor.session.getTextRange(editor.getSelectionRange()); ##获取选择内容
7. editor.insert("Something cool"); ##在光标处插入
8. editor.selection.getCursor(); ##获取光标所在行或列
9. editor.gotoLine(lineNumber); ##跳转到行
10. editor.session.getLength(); ##获取总行数
11. editor.getSession().setTabSize(4); ##设置默认制表符的大小
12. editor.getSession().setUseSoftTabs(true); ##使用软标签.
13. document.getElementById('editor').style.fontSize='12px';  ##设置字体大小
14. editor.getSession().setUseWrapMode(true); ##设置代码折叠
15. editor.setHighlightActiveLine(false); ##设置高亮
16. editor.setShowPrintMargin(false); ##设置打印边距可见度
17. editor.setReadOnly(true); ##设置编辑器只读

搜索功能

Js代码  

1. editor.find('needle', {  
2.     backwards: false,  
3.     wrap: false,  
4.     caseSensitive: false,  
5.     wholeWord: false,  
6.     regExp: false  
7. });  
8. editor.findNext();  
9. editor.findPrevious();  
10.    
11. //替换单个字符:  
12. editor.find('foo');  
13. editor.replace('bar');  
14.    
15. //替换多个字符:  
16. editor.replaceAll('bar');  
17. ##editor.replaceAll使用前需要先调用editor.find(‘needle’, …)  
18.    
19. 下列选项可用于您的搜索参数:  
20. needle: 要查找的字符串或正则表达式  
21. backwards: 是否反向搜索，默认为false  
22. wrap: 搜索到文档底部是否回到顶端，默认为false