做自己写了一个代码插件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就添加jqeruyV 0.3
1、修改样式
V 0.2
1、修改js底部加载
V 0.11、解决基于 Google Code Prettify 实现的WordPress代码高亮插件,后台带代码插入功能
①后台
插件安装好之后后台wordpress默认tinymce编辑器会出现代码插入按钮
单击之后弹出WP-code-button代码插入界面
②前台
插件中Google Code Prettify的css插入到wp_head里,js插入到wp_footer,以我的小松博客为例,代码截图如下
QQ交流群:136351212
查看原文:http://www.phpsong.com/1645.html
基于Google Code Prettify wordpress插件WP-code-button
最新推荐文章于 2024-08-10 07:26:26 发布