首页 > 上海日记 > WordPress编辑器添加WP-Syntax按钮
2010
12-06

WordPress编辑器添加WP-Syntax按钮

WordPress 使用 WP-Syntax 代码插件,可以让程序代码更容易阅读。 不过,WP-Syntax 插件使用起来却并不太方便。每次插入代码的时候,都需要手动输入一些预设置的格式,如果能够在编辑器框里增加一个按钮,自动输入这些重复的内容,就方便多了。

WP-Syntax 插件安装:

1. 下载 WP-Syntax 插件,然后上传插件到 /wp-content/plugins/ 下的文件夹。
2. 进入 wordpress 的管理后台,进入插件页面激活 WP-Syntax 插件,即安装完毕

安装成功后,找到 WordPress 文件夹里的 \wp-includes\js\quicktags.js 这个文件,这个文件里是编辑按钮的语句,例如:

edButtons[edButtons.length] =
new edButton('ed_link'
,'link'
,''
,''
,'a'
); // special case

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'\n\n
<blockquote>
'
,'</blockquote>
\n\n'
,'q'
);

上面调用的按钮就是li的按钮和code的按钮,你会发现他们都是同样的格式,那么我们也可以复制一条插入到code代码的后面,就OK了,那么调用WP-Syntax的语句就是:

edButtons[edButtons.length]=
new edButton("ed_mycode"
,"mycode"
,"
<pre lang='php'>
,</pre>
"
,"z"
);

添加好后进入wp后台发布日志时插入代码,在HTML编辑模式下选中代码,点mycode按钮,就自动把要添加的代码格式化啦!自动插件代码后,语句lang=”LANGUAGE”就是对应你的程序语言。如果是css就手动改为lang=”css”是php就改为lang=”php”其它程序同理!

WP-Syntax下载地址:点击下载

最后编辑:
作者:北街
身高八尺,腰围也是八尺!
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

WordPress编辑器添加WP-Syntax按钮》有 16 条评论

  1. 李采薇 说:

    呵呵,加油!

  2. 现在也有在用这个博客系统 不过英文的呵呵 多交流

  3. Eric Zhou 说:

    赞一个,以前看到别人blog里面的这个格式,一直没空去研究怎么弄得,想不到今天顺便看到了~

  4. 北街 说:

    @园子 偶还不到那么强大哇~哈哈
    @花脸猴 我这里有的沙发,别做板凳呀~
    @huangjun 呃,多谢黄俊兄。
    @Code之行人 插件中的插件?哈哈

  5. zigbee 说:

    这个不错回去试试.

  6. 优趣 说:

    学习了、虽然暂时永不到!

  7. 积分商城 说:

    谢谢博主分享嘿嘿,非常不错的文章,多多指教哈!

  8. Code之行人 说:

    我用的那个插件就有这个功能

  9. 免费开店 说:

    | 借博主宝地!祝博主人气越来越旺|

  10. huangjun 说:

    支持!点你广告~

  11. 亿利网络 说:

    很久没来,又有新博文了,支持

  12. 婚戒 说:

    不错的代码,太好了。

  13. 软件盒子 说:

    等我会代码了再用

  14. 这个还没整 太懒了 哈哈

  15. 花脸猴 说:

    搞个板凳坐坐

  16. 园子 说:

    我也用这个插件
    不过一般都是在代码模式里面手写的。

留下一个回复

你的email不会被公开。