WordPress在文章编辑器添加pre自定义标签按钮

WordPress在文章编辑器添加pre自定义标签按钮

一般我们用pre标签在WP来显示代码,但是如果每次都要手动输入pre标签又很麻烦,所以本文教你如何在文章编辑器添加<pre>自定义标签按钮。

 

复制以下代码到functions.php文件,位置加到文件最后一行在PHP的结束句符号?>之前就行,然后保存。

  • 关于QTags.addButton参数的说明:QTags.addButton(按钮的ID, 要显示的按钮名称, 第一次点击按钮显示的内容, 第二次点击按钮显示的内容, 按钮的快捷调用名称)

写文章时需要用到pre标签时就切换到Text模式,然后点下标签按钮添加完整的pre标签,切换到Visual模式用你想显示的代码替换“代码代码代码”这几个字就好了。

(至于我为什么要留这几个字,是因为如果你直接在Text模式下替换代码可能会被系统当做执行代码运行了,所以就可能显示不出来你想显示的代码。留几个字在切换到Visual模式后就可以轻易找到并替换了。)

 

同样的方法你还可以加入更多的自定义标签按钮。比如我在用prettyprint代码高亮,所以可以写成:

(关于免插件代码高亮参见《简单3步实现WordPress免插件代码高亮 | google-code-prettify代码高亮使用方法》)

 

参考文献:Quicktags API

 

</catmee> 文章全部原创、谢绝转载,作者「BianLei」,如果喜欢欢迎分享链接,相关内容参见本站版权声明
如果您觉得本站的存在对您多少有所帮助,可以用手机支付宝扫一扫以下二维码支付任意金额作为支持:支付宝
本站相关:QQ空间 | Facebook
Tagged . Bookmark the permalink.

WordPress中文摘要插件:Zhongwen Excerpt
WordPress中文摘要插件:Zhongwen Excerpt

完全删除WordPress的多站点(Multisite)功能(包括数据库清理)
完全删除WordPress的多站点(Multisite)功能(包括数据库清理)

用V2EX的Gravatar头像缓存解决WordPress默认头像不显示的问题
用V2EX的Gravatar头像缓存解决WordPress默认头像不显示的问题

WordPress批量替换评论作者URL的方法 | 通过SQL语句在数据库批量修改评论作者URL
WordPress批量替换评论作者URL的方法 | 通过SQL语句在数据库批量修改评论作者URL

WordPress删除父主题中指定功能的两种方法 | 关于hook:add_action()用法的学习笔记
WordPress删除父主题中指定功能的两种方法 | 关于hook:add_action()用法的学习笔记

COMMENTS: 2

  1. 夏日博客 says:

    使用的还是原生态的编辑器。

  2. 要是能够和自带的按钮一样按一下 pre 再按一下 /pre就更好了。

Comment Anonymously? No Problem! | 可以匿名评论了我会说?

Fill up Email address to subscribe reply and display your avatar from Gravatar (If any)
填写邮箱即可显示您在Gravatar的头像