基本用法
使用CodeMirror最简单的方法就是加载lib/文件夹下的js和css文件,外加一个在mode/文件夹下的mode脚本。
接下来就可以这样创建一个编辑器的实例:
var myCodeMirror = CodeMirror(document.body);
编辑器将会插入到文档的body标签末尾,默认空白无内容,并使用我们加载的mode。如果想对创建的编辑器有更多的控制,可以将一个配置对象作为第二个参数传入CodeMirror。
var myCodeMirror = CodeMirror(document.body, {
value: “This is placeholder.”,
mode: “javascript”
});
这将初始化编辑器使其带有初始的内容,并且显式地告诉它使用Javascript mode(这在你同时加载了多个mode时尤为有用)。
当然,通常你都希望用这个编辑器来替代你的textarea标签,因此CodeMirror还提供了一个强大的便捷方法:
var myCodeMirror = CodeMirror.fromTextArea(myTextArea);
用这个方法创建出来的编辑器,会有些额外的“好处”,尤其是会在该textarea所属的表单(form)被提交(submit)时,将编辑器的内容更新至textarea中。