kindeditor更换默认代码高亮插件


kindeditor:

具体配置:
1.首先载入css和js

  1. kindeditorPath/plugins/code/prettify.css
  2. kindeditorPath/plugins/code/prettify.js

2.然后加入以下js代码即可:

  1. prettyPrint();

使用ueditor中的代码高亮插件步骤如下:
1.修改kindeditor中plugins/code/code.js
代码49行左右的

  1. html ='<pre class="prettyprint'+ cls +'">\n'+ K.escape(code)+'</pre> ';

改为

  1. html ='<pre class="brush:'+ type +';">'+ K.escape(code)+'</pre> ';

2.将百度编辑器中的third-party/SyntaxHighlighter/shCoreDefault.css和third-party/SyntaxHighlighter/shCore.js复制到code文件夹下,然后在要显示代码高亮的页面加入以下代码即可

  1. <linkhref="kindeditorPath/plugins/code/shCoreDefault.css"rel="Stylesheet"type="text/css"/>
  2. <scriptsrc="kindeditorPath/plugins/code/shCore.js"></script>
  3. <script>
  4. SyntaxHighlighter.all();
  5. </script>

这样代码高亮就显示出来了

来自安全者


趁年轻,Just Do it!openwrt,php,js,html.....