加入收藏 | 设为首页 | 会员中心 | 我要投稿 好传媒网 (https://www.haochuanmei.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 模式 > 正文

代码高亮插件Codemirror使用方法及下载

发布时间:2018-10-16 14:23:18 所属栏目:模式 来源:站长网
导读:codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。 安装 首先,下载codemirror.js插件 ,解压后有3个目录,js,css

codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。

安装

首先,下载codemirror.js插件 ,解压后有3个目录,js,css和contrib,contrib里包含了其他人开发的解析器,比如,lua,python和PHP。css目录包含了高亮的语法。js包含了需要运行的js代码。

基本使用

如果我们使用textarea来生成codemirror编辑器,那么我们可以用如下代码:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] 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.JS v2.1

原文来自:http://www.gbin1.com/

(编辑:好传媒网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读