注册 登录 欢迎您到模板精:织梦模板_dede模板_免费网站模板_网站源码下载

织梦教程_免费织梦模板下载_dede模板

该栏目分享织梦建站的基础知识,从织梦CMS的安装,到织梦标签的常规调用,以及织梦的常见问题答疑都有涉及。

当前位置:首页 > 织梦教程 >

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

免费网站模板 2014-09-16 21:48 织梦教程 评论

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

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

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

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


<link  rel="stylesheet" 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>



<link  rel="stylesheet" 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>

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