成都网站建设
扫描关注木子网络微信号

扫一扫微信二维码

dedecms织梦插入代码显示高亮插件

木子网络2017-07-06经验分享

  有不少使用织梦的技术朋友,在日常工作中会用到插入代码的功能,怎么在织梦默认ckeditor编辑器里面增加这个功能呢?下面木子网络会讲到如何通过修改默认的编辑器,然后利用SyntaxHighlighter插件实现代码高亮功能。

  首先看看后台编辑器插入代码效果截图:

dedecms织梦插入代码显示高亮插件

  下面是前台文章内容页代码高高亮效果展示(右上角有复制代码、打印代码等按钮):

dedecms织梦插入代码显示高亮插件

  先下载插件文件,并按照以下步骤操作即可

  1、将压缩包内相应编码文件夹内的include文件夹和templets文件夹解压至网站根目录覆盖。

  2、修改文章内容页模板,系统默认为article_article.htm(如果有修改则在对应的模板添加),在<head>与</head>标签之间添加以下代码:

  {dede:include filename="plus/highlight.htm"/}

  3、到这一步,编辑器的修改已经完成。但是如果使用dedecms文档关键词给文章自己加关键词链接,高亮后的代码中如果有关键词链接,SyntaxHighlighter直接显示源码(<a href='$key_url' target='_blank'><u>$key</u></a>),这时需要修改dedecms文章页自动添加关键词内链锚文本的php文件,找到并include/arc.archives.class.php(大概第1213行,//恢复超链接 的下一行)添加如下代码:

$body = preg_replace("#<pre class=\"brush:(.*)\">(.*)(<a(.*))><u>(.*)<\/u><\/a>(.*)<\/pre>#isU",
2
'<pre class="brush:     \\1">\\2\\5\\6</pre>', $body);

下面是插件下载地址:

链接: http://pan.baidu.com/s/1o8mIkcy 密码: k3m8

转载请注明:木子网络 » http://www.muziwl.com

文章标签
dedecms插件
dedecms
织梦插件