阅读:3494回复:0
修改kindeditor显示代码高亮常用方法
kindeditor的配置挺简单的,就是代码高亮的显示效果不太好。
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.div).val(), code = textarea.val(), html = '[code]n' + K.escape(code) + '';[/code] 2,修改kindeditor中kindeditor-all.js 或 kindeditor-all-min.js 视你调用哪个文件,如果不修改这里,下次修改同一篇文章的代码时会出错。 html = '[code]n' + K.escape(code) + ''; 或 h=' n'+b.escape(m)+"";[/code] 3.将百度编辑器中的third-party/SyntaxHighlighter/shCoreDefault.css和third-party/SyntaxHighlighter/shCore.js复制到code文件夹下,然后在要显示代码高亮的页面加入以下代码即可 4,或用代码高亮插件SyntaxHighlighter 可参见我另一博文 代码高亮插件SyntaxHighlighter http://www.smsyun.com/home-index-page-id-63.html |
|