【dedecms】-代码编辑器,插入代码并高亮显示代码插件修复版

【dedecms】-代码编辑器,插入代码并高亮显示代码插件安装使用教程

织梦插入代码并高亮显示代码插件安装使用详细教程:
 


第一步、
 
下载插件,下载地址:织梦编辑器增加插入代码并高亮显示代码插件
 
将下载下来的压缩包内相应编码文件夹内的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:     \1">\2\5\6</pre>' $body);
 
总结:
 
到这里就差不多没有任何问题了,另外安装完成后记得清除一下浏览器缓存。不清缓存不会出来图标,如下图:
 
 
——————— 
改良版本

找到:include/ckeditor/plugins/syntaxhighlight/dialogs/syntaxhighlight.js
 
找到代码:
 
var m = CKEDITOR.dom.element
.createFromHtml('<table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="' + k + '">'
+ c(j.code) +"</pre></td></tr><table>");
 
修改成:
var m = CKEDITOR.dom.element
.createFromHtml('<div style="overflow-x: auto;"><table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="' + k + '">'
+ c(j.code) +"</pre></td></tr><table></div>");

修复识别图

修改前:

修改后:

下载地址:

 

赞 (0)