初缘Cvps小站 发表于 2019-4-13 17:47:49

Dux5.2主题给wordpress编辑器添加自动代码高亮功能 代码版

本帖最后由 初缘Cvps小站 于 2019-5-11 18:43 编辑

2019-05-11 更新一下,有人用php7.3 然后code-button.php 这个报错了。直接丢个文件,自行替换一下吧!只能麻烦各位大佬下2个文件了。
code-button.php :
链接:https://pan.baidu.com/s/19ojl9LxRvBqX77pg_pRSPw
提取码:kmdl
复制这段内容后打开百度网盘手机App,操作更方便哦

2019-04-13 18:25 文字咖大佬 补充 js\loader.js 中 注释掉prettyprint内容或删除。

原帖地址:初缘Cvps小站https://cvps.top/9140.html

功能特点
以前,在后台编辑文章并插入代码时,首先打开代码高亮显示页面,然后将代码复制到输入源代码文本框中,然后在转换设置中选择要转换的代码语言,单击转换,最后 复制和转换。 HTML代码返回到后台编辑器,切换到文本模式,并粘贴代码。 整个过程仍然很麻烦,因为有时一篇文章会被删除,会有更多的代码片段被插入,因此来回切换,复制和粘贴也更耗时。

现在,自动代码突出显示功能可以通过单击编辑器中的代码突出代码高亮图标,然后将需要高亮的代码粘贴到文本框中,最后单击确定按钮来节省大量时间。

功能概述:方便,高效,自动,美观

简介
由于dux主题自带的代码高亮不自动换行,使用起来没begin的舒爽。所以我果断移植了下!

1.
删除自带代码高亮js。位置:主题-js-libs文件夹 ,删除"prettyprint.js"。
将\js\main.js 和 \css\main.css 中关于 prettyprint 的相关内容注释掉或删除。
善用Ctrl+F 关键词 “prettyprint”
2019-04-13 18:25 文字咖大佬 补充 js\loader.js 中 注释掉prettyprint内容或删除。

2.
下载代码高亮文件包,code.zip,上传至主题目录,并解压。
链接:https://pan.baidu.com/s/1hlxN-RS4Ws08qV32Sm2cIg

提取码:p3js

复制这段内容后打开百度网盘手机App,操作更方便哦

下载 prettify.js 直接丢到主题js文件夹中

链接:https://pan.baidu.com/s/1elB7oFTHl0-gPfe33e1ADw

提取码:w0bp

复制这段内容后打开百度网盘手机App,操作更方便哦

下载prettify.css 。直接丢到主题css文件夹中
链接:https://pan.baidu.com/s/1OMzQvL4-A1Y1hBHVZ7LphQ

提取码:44al

复制这段内容后打开百度网盘手机App,操作更方便哦

3.
最后在dux主题functions-theme.php文件中添加以下代码(其他主题在functions.php中加)
[*]// 添加代码高亮
[*]require get_template_directory() . '/code/code-button.php';复制代码

好了,打开后台强制刷新下缓存,看有没有成功吧!!!

















licheng527 发表于 2019-4-13 17:57:53

竟然不是dux5.3
sweat.gif

初缘Cvps小站 发表于 2019-4-13 18:01:06


licheng527 发表于 2019-4-13 17:57

竟然不是dux5.3
开心版,随便啥玩。dux5.3也是一样的吧,我也没用过。正版要不起哦

hxuf 发表于 2019-4-13 17:57:00

Fatal error: Cannot redeclare refused_spam_comments() (previously declared in /www/wwwroot/cvps.top/wp-content/themes/begin/functions.php:26) in /www/wwwroot/cvps.top/wp-content/themes/begin/inc/inc.php on line 496

cnlanny 发表于 2019-4-13 18:10:14

用插件来实现呀

绝望法师 发表于 2019-4-13 18:44:00

玛雅,字太多眼晕

初缘Cvps小站 发表于 2019-4-13 18:21:59

"
其实就是删除原来主题自带代码高亮js调用新的。就这样,只不过将位置什么的,都写了出来。

yumijie 发表于 2019-4-13 19:16:24


初缘Cvps小站 发表于 2019-4-13 20:10

其实就是删除原来主题自带代码高亮js调用新的。就这样,只不过将位置什么的,都写了出来。 ...
放在其他wp主题里可以不?

初缘Cvps小站 发表于 2019-4-13 20:10:02

"
可以的。

hxuf 发表于 2019-4-13 19:16:00

看了下移植到ty的dux还行
不过wp我选择博客1号-free 现在收费的
011.gif

开心小站长 发表于 2019-4-13 23:29

你抄我aff的图片。。
你自己扪心自问你首页那几个是不是我做的。 后来我就拿了个vultr的。还没放2天。
页: [1] 2
查看完整版本: Dux5.2主题给wordpress编辑器添加自动代码高亮功能 代码版