织梦(DEDECMS)完美实现ueditor代码高亮功能

2017-04-13 21:03:28 dedecms

之前给大家分享了ueditor for dedecms GBK的版本,具体使用和配置请见

织梦

DedeCMS安装UEditor编辑器详细图文教程,地址:

http://www.wangjinhai119.com/dedecms/425.html

这篇教程中,没有写到关于代码高亮功能的实现方法,不是没有写,而是之前一直没有解决,也百度了很多文章,一直没有解决,折腾了一番,原来是JS版本的问题,现在和大家分享下

首先下载

gaoliang.css

gaoliang.js

两个文件,放到/ezhanku/css和/ezhanku/js文件夹下,按照自己调用的文件夹放,我这里是以

笔记部落

来举例的。

在需要实现代码高亮的页面头部调用

<link rel="stylesheet" type="text/css" href="/ezhanku/css/gaoliang.css"/> <script src="/ezhanku/js/gaoliang.js"></script>

页面底部调用:

<script> SyntaxHighlighter.highlight(); </script>

调用好后,生成页面,你就会看到代码高亮的效果了。