kindeditor 代码高亮 插件扩展
KindEditor 4.2.1 增加了code 即代码高亮插件,使用的是开源的 prettify 解析器。但是没有使用到其所有功能多少有点浪费。
比如最常见的 行号的显示就没有加到插件里。
这里教大家如何增加这个功能。
- 找到editor 下面的 plugins / code 文件夹下的code.js用文本编辑器打开。
- 在html 后添加'<input type="checkbox" name="hasLineNum" style="margin-left:60px;" class="ke-inline-block" value="y" checked="checked" />'+ lang.hasLineNumber,
- yesBtn 事件的click 事件中 添加 hasLineNum = K('[name="hasLineNum"]',dialog.div)[0].checked
- editor/lang 各语言文件添加一个 code.hasLineNumber 的语言选项
-
OK 了。最终效果图如下