dedecms完美实现ueditor代码高亮功能

网络整理 - 07-21

之前给大家分享了ueditor for dedecms GBK的版本,具体使用和配置请见织梦DedeCMS安装UEditor编辑器详细图文教程,地址:

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

首先下载shCoreDefault.cssshCore.js两个文件,放到templets/default/css和templets/default/js文件夹下。

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

<link type="text/css" href="{dede:global.cfg_templets_skin/}/style/shCoreDefault.css"/> <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/shCore.js"></script>

页面底部调用:

<script type="text/javascript"> SyntaxHighlighter.highlight(); </script>

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