codeMirror是一款十分强大的代码编辑插件,提供了十分丰富的API,最近在项目中用到了这款插件,于是在这里给大家分享下使用方法和心得:
codeMirror调用非常方便
注意文件的放置位置
shell
dio" name="script_once_type" id="script_once_type2"> bat
dio" name="script_once_type" id="script_once_type3"> python
显示行号
mode:"shell", //默认脚本编码
lineWrapping:true,//是否强制换行
});
JS配置代码如下:
方法
});
//选择脚本类型JS
var txt1=$("#script_once_code").val();
var txt2='';
var txt3=$("#code2").val();
$(".ck-code").click(function(){
var txt=editor.getValue(); //editor.getValue()获取textarea中的值
var lang=$(this).prop("id");
if(lang=="script_once_type1") {
editor.setOption("mode","shell");//editor.setOption()设置脚本类型
editor.setValue(txt1);// editor.setValue()设置textarea中的值
}
else if(lang=="script_once_type2") {
editor.setOption("mode","perl");
editor.setValue(txt2);
}
else {
editor.setOption("mode","python");
editor.setValue(txt3);
}
});
最终界面如下: