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空间 | YouTube ★★★ 打赏:支付宝 ★★★
Tagged . Bookmark the permalink.

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的头像