dedecms代码显示高亮插件教程

简介: dedecms代码显示高亮插件教程

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

插件下载地址 : SyntaxHighlighter


相关文章
|
小程序 前端开发 安全
uniapp中解析markdown支持网页和小程序
对于`markdown`相信大家都不陌生,日常写文档或日常记录都用到的比较多,书写的是`markdown`的格式,实时预览的是转换后的`html`样式。本次实现的需求是在`uniapp`中转换`markdown`文本展示在不同的平台,主要平台是浏览器使用和微信小程序使用。
258 1
|
2月前
|
前端开发 PHP 数据安全/隐私保护
WordPress独立资源下载页面插件,基于Xydown美化
xydown是一款wordpress的独立下载页面插件,主要适用于wp建站用户使用,有些用户在发布文章的时候想要添加一些下载资源,使用这款插件可以把下载的内容独立出来,支持添加本地下载或者百度网盘蓝奏网盘的网址,并且可以自定义文件信息,包括设置文件名称、文件大小、更新日志以及适用版本等内容,同时还支持自定义文件信息以及添加自定义广告等。
106 1
WordPress独立资源下载页面插件,基于Xydown美化
|
存储 前端开发
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
|
小程序 JavaScript
微信小程序---WXML 模板语法(附带笔记文档)(1)
微信小程序---WXML 模板语法(附带笔记文档)(1)
微信小程序---WXML 模板语法(附带笔记文档)(1)
|
PHP
织梦显示模板的PHP代码
织梦显示模板的PHP代码
111 0
|
小程序 JavaScript 索引
微信小程序---WXML 模板语法(附带笔记文档)(2)
微信小程序---WXML 模板语法(附带笔记文档)(2)
|
运维 测试技术
WordPress博客系统菜单分类出现404解决方法
WordPress博客系统菜单分类出现404解决方法
441 0
WordPress博客系统菜单分类出现404解决方法
paoding 支持solr 4.2 高亮问题几处细节备忘
假期梳理了之前在新浪博客的文档,将一些有用的内容搬到这里。本文介绍paoding 支持solr 4.2 高亮问题几处细节,期待可以帮助大家少踩坑。
138 0
|
PHP
WordPress调用置顶文章代码教程
WordPress调用置顶文章是常用的调用代码,码笔记分享WordPress调用置顶文章代码: WP调用置顶文章代码 以下代码为调用5篇置顶文章: <?php $sticky = get_option('sticky_posts'); rsort( $sticky ); $sticky = arr...
1039 0
|
JSON 数据格式
JSONView-web开发格式化和高亮插件
jsonview插件是什么? Jsonview是目前最热门的一款开发者工具插件,确切的来说jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。它是查看json数据的神器。
733 0