星廷网络建站知识
建站知识
关注星廷网络,科普网站知识,参考网络安全解决方法

使用微信“扫一扫”
扫描以上二维码
即可分享本文至“朋友圈”

dede织梦编辑器增加插入代码并高亮显示代码

2020-09-10 14:36:19作者:星廷网络浏览次数:

织梦默认ckeditor编辑器增加插入代码并高亮显示代码插件,通过修改默认的编辑器,然后利用SyntaxHighlighter插件实现代码高亮功能。   

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

后台编辑器插入代码按钮效果

弹出框插入代码:

弹出框插入代码

代码高级选项:

代码高级选项

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

<pre>
<code class="language-html">&lt;!DOCTYPE html&gt;
 
&lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;测试页面&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;代码片段高亮效果&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
 

第一步

下载插件,下载地址:织梦编辑器增加插入代码并高亮显示代码插件

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

第二步

修改文章内容页模板,系统默认为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:     "></pre>' $body);

总结:

到这里就差不多没有任何问题了,另外安装完成后记得清除一下浏览器缓存。不清缓存不会出来图标。

开发学院知识库

我们联系您

看不清?点击更换
微信公众号

服务热线

13531836627

13531836627
星廷网络微信公众号