使用JavaScript建立一个语法高亮输入框
来源:互联网 发布:mac os10.13 黑苹果 编辑:程序博客网 时间:2024/05/22 07:55
textarea元素已被广泛用于网页Web的IDE。通常网站自带的textarea编辑器不能满足我们的需求,作为一名开发者我们经常需要进行代码的在线编辑,高亮显示代码等,因此,通过其他的开源项目,我们可以添加一些实用的功能, 在这篇文章中,我将使用JavaScript库ACE来创建一个输入框效果。这是一个完全开源的脚本。该脚本允许开发人员创建支持语法高亮的输入框。然后你可以代码嵌入到网站中的任何地方
下载库 首先我们需要Github上下载ACE代码。 下载完成后解压缩,在你的header部分引入js文件
<script src="src-min/ace.js" type="text/javascript" charset="utf-8"></script>
添加代码到编辑器
首先设置一个id为editor的div 然后在script里面调用ace.edit()方法,代码如下
var editor = ace.edit("editor"); editor.getSession().setMode("ace/mode/javascript");
您可以重命名变量,为了方便起见,我定义了var editor作为变量,你也可以定义var demoeditor作为变量
。第二行声明使用哪种类型的语言高亮显示。您可以从 src 目录选择其他语言集合。这里是一些支持支持的语言集合:
- SQL
- Ruby
- SASS
- PHP
- Objectivec
- Csharp
- Java
- JSON
- 使用JavaScript建立一个语法高亮输入框
- 9个javascript语法高亮插件
- 使用ICSharpCode.TextEditor制作一个语法高亮显示的XML编辑器
- 使用 CodeHighlighter 将代码语法高亮
- 使用 CodeHighlighter 将代码语法高亮
- SecureCRT使用VIM时语法高亮
- SecureCRT使用VIM语法高亮
- 如何在GitHub使用高亮语法
- secure CRT 使用VIM 语法高亮
- 一个javascript语法问题
- 输入框边缘高亮
- shawl.qiu Javascript 语法高亮函数 v1.0
- shawl.qiu Javascript 语法高亮函数 v1.1
- VS2015 企业版不支持 JavaScript 语法高亮、智能提醒
- Javascript实现html块语法高亮(搜索后关键字高亮)
- 使用 javascript 标记高亮关键词
- 语法高亮
- 测试语法高亮
- 利用xslt将xml格式转换为html格式的报告时,提示找不到if函数
- Nginx 教程- 获取真实IP模块 - http_realip_module
- ARM
- 谈谈10年工作历程-写在博客访问量突破70000次之时!
- 华夏互联Android移动客户端隆重发布
- 使用JavaScript建立一个语法高亮输入框
- 获取系统语言
- java 对象存储为dat文件
- Spring配置文件总结
- new String(getBytes(ISO-8859-1),GBK)解决中文乱码问题分析
- C#中抽象类和接口的区别
- Android ADT, SDK, SDK_tool等官方下载说明
- 运算符
- 寒假刷题之2——Decoder