Advertisement

codemirror(官方版)快速使用指南

阅读量:

目前正在开发一个代码验证的前端项目,在开发过程中遇到了一个问题:需要对文本框内输入的所有C++代码进行格式化处理,并支持关键字高亮以及其他一些自定义关键字的高亮显示。同时还可以利用正则表达式来检测这些关键词并相应地改变其样式。然而这种方法存在两个主要缺点:第一是不够高效;第二会导致重复造轮子的问题。经过一番搜索发现,codemirrow这款插件完美满足了我的所有需求:它不仅支持自定义参数设置还能实现预期的效果。以下将详细介绍该插件的功能及其实际应用效果

一、效果图:

先上效果图:

我们可以看到他已经正确格式化好了我们输入的代码。

二、使用方法:

(1)上codemirror官网http://codemirror.net/下载最新的codemirrow压缩包。

(2)解压压缩包:其中

lib目录中的CSS和JS文件需要导入网页中,在Mode目录中允许对应于你的语言的JS文件应用样式。

(3)在网页中引入文件,最好在header中引入,使得编辑器预加载完成。

复制代码
      <link rel="stylesheet" href="css/codemirror.css">

全部评论 (0)

还没有任何评论哟~