KindEditor Prettify代码高亮

2019独角兽企业重金招聘Python工程师标准>>>

后台编辑器代码是没有高亮显示的，但是代码会有特效

1.后台需要加载prettify.js和prettify.css，

还有页脚填上<script>prettyPrint(); </script>

<script charset="utf-8" src="./kindeditor/plugins/code/prettify.js"></script>

<script> var editor; editor.ready(function(K) { editor= K.create('textarea[name="content"]',{ cssPath :[ './kindeditor/plugins/code/prettify.css'] }); }); prettyPrint(); </script>

2.前端显示，添加下面的代码到前端页面。

<link type="text/css" rel="stylesheet" href="./kindeditor/plugins/code/prettify.css"/> <script type="text/javascript" src="./kindeditor/plugins/code/prettify.js"></script><script>prettyPrint();</script>

注：最好还要修改plugins/code文件夹下的prettify.css，再最后加上以下内容，不加的话，前台代码不会换行，如果有长代码会很难看的，width是代码宽度，自己看着改。

pre.prettyprint { margin: 1em auto; padding: 1em; white-space: pre-wrap; }

转载于:https://my.oschina.net/indestiny/blog/278912