欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
主页 > 网站插件 > 织梦cms > 织梦DEDECMS编辑器增加插入代码并高亮显示代码插件
织梦DEDECMS编辑器增加插入代码并高亮显示代码插件

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

详细描述

插件介绍

织梦默认ckeditor编辑器增加插入代码并高亮显示代码插件,通过修改默认的编辑器,然后利用SyntaxHighlighter插件实现代码高亮功能。
可以高亮指定代码颜色,让页面更舒服

安装教程

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", '<pre 
 
class="brush:     \\1">\\2\\5\\6</pre>', $body);

插件演示

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

  插入代码:

织梦编辑器增加插入代码并高亮显示代码插件下载
下面是前台文章内容页代码高高亮效果展示(右上角有复制代码、打印代码等按钮):


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

  复制代码功能:


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


你可能还喜欢

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com