CodeMirror
时间：2015/12/28 14:22:38
基本应用：...查看完整版>>
因为要用UiKit的markdwon模块编辑器，所以接触了CodeMirrorCodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。下面是事件绑定的基本写法，和jQuery接近."change" (instance: CodeMirror, changeObj: object){from, // object to, // object tex...查看完整版>>
CodeMirror中的API有很多，下面介绍一下与内容相关的API：cm.getValue()cm.setValue()cm.getRange()editor.getRange({line:1},{line:2}) // 获取内容块字符cm.replaceRange()// 替换内容块内容为test editors['js'].replaceRange('test',{line:2,ch:0},{line:2}) var lineobject = editors.getLineHand...查看完整版>>
最近发现个问题，场景如下：当创建的mode类型为htmlmixed，且内容中包含javascript脚本，且是闭包立即执行；如果内容是使用JQuery函数.html()插入到DOM中后再创建codeMirror对象；那么，这时，如果JS执行报错，那么随后创建codeMirror对象也中断了； 解决方法：可以使用elem.text()方法插入内容，那么有错的JS也不会被执行到，可顺利进行后面的创建 1 var elem = $('#code');2 var str = ''
最近项目需要使用比较文本的差异的功能，在同事的推荐下，使用js脚本来比较，所以codeMirror变成了选择。当然codeMirror中有其他功能，比较文本差异的只是其中一个功能，本人不在此做介绍，有兴趣的可以登录他的官网http://codemirror.net/ 进行详细了解。第一步：下载codeMirror的jar包，下载地址在上面提到的官网，本人使用的是codemirror-4.11这个版本。第二步：在页面引入它css样式和js文件其中diff_math_patch.js可能所下载的包里...查看完整版>>
使用CodeMirror实现代码高亮 在网站后台管理中希望能够对网站的样式表css与js文件以及模板html进行管理，在编辑的时候只是以普通文本展示又太普通，显得好难看，于是便在网上找能够实现代码高亮的插件，终于让我找到了codeMirror。 CodeMirror简介：维基百科 ，官网，GitHub codeMirror是基于JavaScript开发的能够实现代码高亮，支持N多种语言，而且有许多编程接口，甚至你可以开发自己的编程语言，并根据codeMirror的文档开发使自己代码高亮的插件。 ...查看完整版>>
codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，最近在项目中用到了这款插件，于是在这里给大家分享下使用方法和心得：codeMirror调用非常方便首先在页面中载入插件CSS及JS文件
