基于Google Code Prettify wordpress插件WP-code-button

做自己写了一个代码插件WP-code-button,一个基于 Google Code Prettify 实现的WordPress代码高亮插件,后台带代码插入功能,无须设置安装就可以使用

Google Code Prettify 是居于jquery的代码高亮插件,所以你的博客必须安装加载jquery,插件中不包含jquery

主要是之前一直用Google Code Prettify来实现代码高亮,但是有问题就是wordpress默认tinymce编辑器后台代码插入的时候会把代码的缩减都去除,如果代码有多行那样看起来就不是很直观,现在开发WP-code-button wordpress插件来解决这个问题

目前版本0.1 官方插件下载
或者在wordpress 后台插件处搜索“WP-code-button”

github链接: https://github.com/QiuCarson/wp-code-button

更新日志

V 0.4
添加代码换行样式,如果没有jquery就添加jqeruy

V 0.3

1、修改样式

V 0.2

1、修改js底部加载
V 0.1

1、解决基于 Google Code Prettify 实现的WordPress代码高亮插件,后台带代码插入功能

①后台

插件安装好之后后台wordpress默认tinymce编辑器会出现代码插入按钮

tinymce编辑器代码插入按钮

单击之后弹出WP-code-button代码插入界面

WP-code-button代码插入界面

②前台

代码高亮插件WP-code-button前天样式

插件中Google Code Prettify的css插入到wp_head里,js插入到wp_footer,以我的小松博客为例,代码截图如下

WP-code-button css前台代码插入 WP-code-button js前台代码插入


QQ交流群:136351212
查看原文:http://www.phpsong.com/1645.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值