最近在做一个代码验证的前端,要求要对文本框内输入的所有c++代码格式化,要求关键字高亮,和其他一些自定义关键词的高亮,当然我们可以利用正则表达式去检测关键词然后相应改变其样式,但是这样做一是太低效,而是重复造轮子。搜索了一圈以后,发现codemirrow这款插件完美符合我的所有需求,可以自定义参数,下面就介绍一下codemirrow的功能和效果:
一、效果图:
先上效果图:
我们可以看到他已经正确格式化好了我们输入的代码。
二、使用方法:
(1)上codemirror官网http://codemirror.net/下载最新的codemirrow压缩包。
(2)解压压缩包:其中
lib文件夹下的css与js文件是必须引入网页的,在mode文件下你可以选择与你语言对应的js文件来匹配样式。、
(3)在网页中引入文件,最好在header中引入,使得编辑器预加载完成。
<link rel="stylesheet" href="css/codemirror.css">
<script src="js/codemirror.js"></script>
<script src="js/clike.js"></script>