• 首页
    • English
    • 中文
  • 关于我们
  • 服务项目
    • 谷歌SEO服务
    • WordPress建站服务
    • 谷歌ADS/SEM代运营
  • 项目案例
    • 医疗
    • 建材
    • 机械加工
    • 照明
    • 电商
    • 电脑硬件
  • 博客
    • 服务器运维
      • aliyun
      • 服务器安装
      • 宝塔面板
      • 虚拟化
      • 阿里云
      • Centos
      • linux
      • nginx
    • 电子商务
    • 免费资源
    • PHP
      • Magento
      • WordPress
    • 大数据采集
    • Python
    • Javascript
    • SEO
    • 未分类
  • 联系我们
What's Hot

机械模具加工公司网站设计案例

24 10 月, 2023

快速原型公司案例

24 10 月, 2023

陶瓷加工网站案例

24 10 月, 2023
Facebook Twitter Instagram
  • 中文
  • English
Facebook Twitter Instagram
VPSEO VPSEO
  • 首页
    • English
    • 中文
  • 关于我们
  • 服务项目
    • 谷歌SEO服务
    • WordPress建站服务
    • 谷歌ADS/SEM代运营
  • 项目案例
    • 医疗
    • 建材
    • 机械加工
    • 照明
    • 电商
    • 电脑硬件
  • 博客
    • 服务器运维
      • aliyun
      • 服务器安装
      • 宝塔面板
      • 虚拟化
      • 阿里云
      • Centos
      • linux
      • nginx
    • 电子商务
    • 免费资源
    • PHP
      • Magento
      • WordPress
    • 大数据采集
    • Python
    • Javascript
    • SEO
    • 未分类
  • 联系我们
VPSEO VPSEO
Home»Uncategorized»基于Google Code Prettify wordpress插件WP-code-button
Uncategorized

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

chrispengcnBy chrispengcn7 8 月, 2021没有评论1 Min Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

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

 wordpress  2015-11-12 01:16:55  2412浏览  0评论
做自己写了一个代码插件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(满) 455721967如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» 基于Google Code Prettify wordpress插件WP-code-button
本文链接地址:https://www.phpsong.com/1645.html

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
chrispengcn
  • Website

Related Posts

Nginx做负载均衡,有没有办法碰到404就跳过?

2 7 月, 2022

如何快速把多个excel表合并成一个excel表

7 8 月, 2021

nginx配置泛域名转发到子目录nginx泛域名转发到泛域名

7 8 月, 2021

wordpress如何防止发布文章时候自动清除

、
换行标签

7 8 月, 2021
Add A Comment

Leave A Reply Cancel Reply

*

code

导航
  • 首页
  • 关于我们
  • 服务项目
  • 项目案例
  • 博客文章
  • 联系我们
博客
  • 服务器运维
  • 服务器安装
  • nginx
  • PHP
  • WordPress
  • Python
  • Javascript
  • SEO
  • 电子商务
  • 大数据采集
  • 宝塔面板
  • 数据库
  • 电子商务
  • 虚拟化
  • 阿里云
导航
  • 首页
  • 关于我们
  • 谷歌SEO服务
  • 谷歌ADS/SEM代运营
  • WordPress建站服务
  • 项目案例
  • 博客
  • 联系我们
最新文章
  • 机械模具加工公司网站设计案例
  • 快速原型公司案例
  • 陶瓷加工网站案例
  • CNC数控加工日文网站案例
  • 触摸一体机数字标牌厂家网站案例
关于我们
关于我们

广州纬来科技有限公司
联系地址:广东省广州市番禺区富华中路富源二街18号合和大厦809

QQ : 13602156
Email : 13926026058@139.com
Contact: +86 13926026058

Facebook Twitter YouTube LinkedIn
© 2025 广州纬来科技有限公司 粤ICP备2023105857号-2
  • 首页
  • 关于我们
  • 谷歌SEO服务
  • 谷歌ADS/SEM代运营
  • WordPress建站服务
  • 项目案例
  • 博客
  • 联系我们

Type above and press Enter to search. Press Esc to cancel.