Kindeditor与dp.SyntaxHighlighter整合实现代码着色
发布时间: 2018-05-31      作者:管理员    浏览:377 次

一、dp.SyntaxHighlighter

dp.SyntaxHighlighter支持12种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual、Basic、XML/HTML。

<link href="/jslib/dp.SyntaxHighlighter/dp.SyntaxHighlighter.css" rel="stylesheet" type="text/css" /><!--代码区块高亮显示-->
<SCRIPT src="/jslib/dp.SyntaxHighlighter/dp.SyntaxHighlighter.js" type="text/javascript"></SCRIPT><!--代码区块高亮显示-->
<SCRIPT src="/jslib/dp.SyntaxHighlighter/clipboard.min.js" type="text/javascript"></SCRIPT><!--点击复制-->

基于clipboard整改了点击复制代码功能

二、修改Kindeditor代码

回到Kindeditor,我们要把生成标签的核心文件找出来,并修改它,该文件的路径如下:Kindeditor/kindeditor.js 打开这个文件,里面你会发现一个<select>下拉列表的标签,这个表单正是我们在打开Kindeditor编辑面板,插入代码的时候,选择语言时所看到的下拉列表。这里如果你的网站页面不需要插入某些语言,可以在这里删掉一部分。


分享到:

朋友圈

新浪微博

QQ空间

豆瓣网

QQ好友