kindeditor代码高亮的具体配置:
1.首先载入css和js
kindeditorPath/plugins/code/prettify.css
kindeditorPath/plugins/code/prettify.js
2.然后加入以下js代码即可:
prettyPrint();
但是本人认为kindeditor的代码高亮效果不是很好,所以就选择了ueditor的代码高亮插件。使用ueditor中的代码高亮插件步骤如下:
1.修改kindeditor中plugins/code/code.js
代码45行左右改成如下即可
var type = K('.ke-code-type', dialog.p).val(),
code = textarea.val(),
html = '
/n' + K.escape(code) + '
';
2.将百度编辑器中的third-party/SyntaxHighlighter/shCoreDefault.css和third-party/SyntaxHighlighter/shCore.js复制到code文件夹下,然后在要显示代码高亮的页面加入以下代码即可
怎么样,代码是不是显示出来了?
评论列表()