Wordpress2.9.1编辑器添加代码高亮自定义按钮

本文以为wordpress2.9.1后台编写文章时候的编辑器添加高亮代码插件SyntaxHighlighterl按钮来介绍如何简单的为wordpress2.9.1编辑器添加自定义按钮。
控制显示编辑器按钮的文件在wordpress2.9.1中有两个文件,\wp-includes\js\目录下的quicktags.dev.js和quicktags.js
1、首先修改quicktags.dev.js
在quicktags.dev.js文件中找到如下代码处
1 edButtons[edButtons.length] =

2 new edButton('ed_code'

3 ,'code'

4 ,'<code>'

5 ,'</code>'

6 ,'c'

7 );

在上面的代码下添加

查看源代码打印帮助1 edButtons[edButtons.length] =

2 new edButton('ed_mcode'//mcode是编辑器显示的按钮名称,以下同

3 ,'mcode'

4 ,'<pre class=\"brush:php\">'

5 ,'</pre>'

6 ,'x'

7 );

再往下继续找到如下代码

查看源代码打印帮助1 t.Buttons[t.Buttons.length] = new edButton(name+'_code','code','<code>','</code>','c');

在上面的代码下添加如下代码

查看源代码打印帮助1 t.Buttons[t.Buttons.length] = new edButton(name+'_mcode','mcode','[php]','[/php]','x');

2 //这里以添加php代码按钮为例,可以改为其他的或者添加多个按钮,以下同

quicktags.dev.js文件修改完毕,保存退出。

2、修改quicktags.js文件
找到如下代码

查看源代码打印帮助1 edButtons[edButtons.length]=new edButton("ed_code","code","<code>","</code>","c");

在其下添加如下代码

查看源代码打印帮助1 edButtons[edButtons.length]=new edButton("ed_mcode","mcode","[php]","[/php]","x");

再往下继续找到如下代码

查看源代码打印帮助1 j.Buttons[j.Buttons.length]=new edButton(a+"_code","code","<code>","</code>","c");

在其下添加如下代码

查看源代码打印帮助1 j.Buttons[j.Buttons.length]=new edButton(a+"_mcode","mcode","[php]","[php]","x");

修改quicktags.js文件完毕

至此全部修改完毕上传两个文件覆盖源文件,打开编辑器就可以看到在code按钮后面多了个mcode的按钮。
from([url]http://www.78wd.com[/url])
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值