代码高亮插件Codemirror使用方法及下载
2014-06-12 10:23
543 查看
代码高亮插件Codemirror使用方法及下载 - 老男孩的日志 - 网易博客
codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。
安装
首先,下载codemirror.js插件 ,解压后有3个目录,js,css和contrib,contrib里包含了其他人开发的解析器,比如,lua,python和PHP。css目录包含了高亮的语法。js包含了需要运行的js代码。
基本使用
如果我们使用textarea来生成codemirror编辑器,那么我们可以用如下代码:
var textarea = document.getElementById('code');
var editor = new MirrorFrame(CodeMirror.replace(textarea), {
height: "350px",
content: textarea.value,
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
stylesheet: "css/jscolors.css",
path: "js/",
autoMatchParens: true
});
结果如下:
代码高亮插件Codemirror使用方法及下载
2013-10-31 16:51:29| 分类: 默认分类 | 标签: |举报 |字号大中小 订阅codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。
安装
首先,下载codemirror.js插件 ,解压后有3个目录,js,css和contrib,contrib里包含了其他人开发的解析器,比如,lua,python和PHP。css目录包含了高亮的语法。js包含了需要运行的js代码。
基本使用
如果我们使用textarea来生成codemirror编辑器,那么我们可以用如下代码:
var textarea = document.getElementById('code');
var editor = new MirrorFrame(CodeMirror.replace(textarea), {
height: "350px",
content: textarea.value,
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
stylesheet: "css/jscolors.css",
path: "js/",
autoMatchParens: true
});
结果如下:
相关文章推荐
- WordPress代码高亮插件CodeColorer正确使用方法
- SyntaxHighlighter插件代码高亮显示使用方法
- CKEditor代码高亮显示插件Code Snippet安装及使用方法
- 代码高亮插件prettyPrint.js使用与下载
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- MFC学习之 皮肤使用方法 + 代码 + 下载地址
- js 弹出框插件实例与代码使用方法
- WordPress代码高亮插件SyntaxHighlighter使用详解
- 介绍一种方法,无需插件支持blog代码高亮,代码发芽网
- JQuery扩展插件Validate 1 基本使用方法并打包下载
- 代码高亮显示插件——dp.SyntaxHighlighter的使用
- StatSVN插件使用方法总结-项目代码分析工具 工作量图表生成工具
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- Word中使用代码高亮插件
- WordPress 插件――CoolCode使用方法与下载
- 简单实用的分页控件 AspNetPager.dll 下载地址、使用方法、含有代码示例
- Discuz5.5.0代码高亮显示+运行代码框合成插件 下载第1/4页
- codeHighlighter 代码高亮控件的使用方法
- jQuery ui插件的使用方法代码实例