阿迪SEM博客 > 建站教程 > dedecms完美实现ueditor代码高亮功能
2015年12月17日

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

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

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

  首先下载shCoreDefault.cssshCore.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>

  页面底部调用:

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

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


本文《dedecms完美实现ueditor代码高亮功能》由郑州SEO-阿迪SEM博客原创发布,如需转载请注明出处:http://www.adiseo.com/jzjc/12.html,谢谢合作!

TAG标签:dedecms(5)ueditor(2)

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)