标签: CodeMirror是一个textarea代码强调javascript插件,它是编辑器的文本框,用于突出显示各种编程语言的关键字、函数、变量等代码,提供丰富的api和可扩展性功能,以及多个主题
CodeMirror支持多种语言的语法增强,包括C、c、C#、Java、Perl、PHP、JavaScript、Python、Lua、Go、Groovy和Ruby,以及diff、LaTeX
CodeMirror采用MIT开源许可协议,目前已集成到Adobe Brackets、CoDev、Light Table等开发环境中,是各种SQL、Haxe、JavaScript联机编辑器的基础
CodeMirror开发者最近发布了3.0版。 这个版本进行了几个改进。 如果使用的是早期版本,必须注意3.0的API和2.0存在不兼容问题。 有关详细信息,请参见升级向导。 此外,重要的是3.0放弃了对IE7的支持。
使用方法
本文简要介绍了如何使用CodeMirror插件以及如何提交表单。
核心转储文件部署
CodeMirror.css和codemirror.js文件是codemirror插件的核心文件,无论突出显示的代码是哪种语言,都必须部署这两个文件。
引入代码强调js
下一个要部署的文件可以根据项目的需要进行部署。 没有必要部署所有的文件。 例如,如果要查看html代码,请引入以下文件:
代码调用
my textarea=document.getelementbyid (' code );
var editor=code mirror.from textarea (my textarea,{
模式: ' text/html '
);
myTextarea是编辑器的dom元素ID,通常使用document.getelementbyid(「code " )方法检索文本框。 如果使用的是jquery,则必须在代码后面添加0 ),如$(#code )。
获取代码镜像的值
//通过这种方法得到的结果是转义数据
editor.getValue (; //通过这种方法得到的结果是未转义的数据
editor.toTextArea (;
editor.getTextArea ().value;
如果使用JS提交表单,则可以在提交的JS代码中按如下方式使用:
将代码镜像内容代入Textarea
$('#content ' ).text(editor.getvalue ) );
代码镜像赋值
1.editor.setvalue (《为代码镜像赋值》)
代码镜像事件
主要代码
editor.on(change ),function (editor,changes )。
wile(changes ) {
editor1. replace range (changes.text.join )、changes.from和changes.to );
changes=changes.next;
}
);
changes.next并不是每个change事件都有
标签: