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)
还没有任何评论哟~
