kindeditor 代码高亮 插件扩展 - 点滴记忆*记忆点滴
收藏本站

kindeditor 代码高亮 插件扩展

KindEditor 4.2.1  增加了code 即代码高亮插件,使用的是开源的 prettify 解析器。但是没有使用到其所有功能多少有点浪费。

比如最常见的 行号的显示就没有加到插件里。

这里教大家如何增加这个功能。

  1. 找到editor 下面的 plugins / code 文件夹下的code.js用文本编辑器打开。
  2. 在html 后添加'<input type="checkbox" name="hasLineNum" style="margin-left:60px;" class="ke-inline-block" value="y" checked="checked" />'+ lang.hasLineNumber,
  3. yesBtn 事件的click 事件中 添加 hasLineNum = K('[name="hasLineNum"]',dialog.div)[0].checked
  4. editor/lang  各语言文件添加一个 code.hasLineNumber 的语言选项
  5. OK 了。最终效果图如下
    点击查看原图

    留下足迹