需要做一个有感觉的网站?请让悠悠设计的设计师帮您来完成这个小目标 👉 立即点击
织梦文章页添加代码高亮显示插件 代码可复制和打印

织梦文章页添加代码高亮显示插件 代码可复制和打印

  • 更新时间:2021-11-24
  • 资源分类:插件 - CMS插件
  • 资源编号:U396
  • 资源发布:MYN1999

织梦文章页添加代码高亮显示插件,代码可复制和打印,本篇介绍的是在织梦默认ckeditor编辑器增加插入代码并高亮显示代码插件,通过修改默认的编辑器,然后利用SyntaxHighlighter插件实现代码高亮功能。

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

后台编辑器插入代码效果截图

编辑器插入代码按钮:

编辑器插入代码按钮

文章页插入代码后,最终显示的效果:

文章页插入代码后,最终显示的效果

使用说明:

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

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

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

特别提醒:

按以上两个步骤之后,编辑器的修改已经完成。但是如果使用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", '<pre class="brush:     \\1">\\2\\5\\6</pre>', $body);

收藏