为WordPress默认编辑器TinyMCE增加额外的按钮

2012年01月19日12:46:27 61 12,482
摘要

  Wordpress默认编辑器为TinyMCE,你可能认为它比较简陋,不过本人不喜欢使用其它增强类的插件,累赘,写日志又不是编排办公文件,不需要过于复杂的功能,其实默认编辑器TinyMCE有部分功能按钮被隐藏了,通过下面的代码可以为TinyMCE编辑器增加额外按钮,比如:显示分隔线、字体选择、上下标等。将下面代码添加到你的主题functions.php模版文件中。
  上面的代码默认是加到编辑器工具栏的第一行,也可以加到第二或另起一行…..

WordPress默认编辑器为TinyMCE,你可能认为它比较简陋,不过本人不喜欢使用其它增强类的插件,累赘,写日志又不是编排办公文件,不需要过于复杂的功能,其实默认编辑器TinyMCE有部分功能按钮被隐藏了,通过下面的代码可以为TinyMCE编辑器增加额外按钮,比如:分隔线、字体、字号选择、上标下标等,如图:

为Wordpress默认编辑器TinyMCE增加额外的按钮

将下面代码添加到你的主题functions.php模版文件中:

  1.  function enable_more_buttons($buttons) {   
  2.      $buttons[] = 'hr';   
  3.      $buttons[] = 'del';   
  4.      $buttons[] = 'sub';   
  5.      $buttons[] = 'sup';    
  6.      $buttons[] = 'fontselect';   
  7.      $buttons[] = 'fontsizeselect';   
  8.      $buttons[] = 'cleanup';      
  9.      $buttons[] = 'styleselect';   
  10.      $buttons[] = 'wp_page';   
  11.      $buttons[] = 'anchor';   
  12.      $buttons[] = 'backcolor';   
  13.      return $buttons;   
  14.      }   
  15. add_filter("mce_buttons_3""enable_more_buttons");  

上面的代码默认是加到编辑器工具栏的第一行,也可以加到第二或另起一行,用下面的代码替换上面代码中最后一句。

添加到第二行:

  1. add_filter("mce_buttons_2""enable_more_buttons");  

单独另起一行:

  1. add_filter("mce_buttons_3""enable_more_buttons");   

通过上述方法将隐藏的按钮显示出来,使TinyMCE编辑器功能得到增强,基本可满足大部分人的需求。

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:61   其中:访客  49   博主  9   引用   3

    • 黑土地 3

      wp系统缺的就是这个,没有感觉很不方便。

      • 鸟人会飞 2

        请问鸟哥:我安装Comment Reply Notification(评论回复推送系统)这个插件,为啥别人评论的时候我没收到邮件?用hotnews主题的时候不用插件都可以用的..

          • 知更鸟 Admin

            @鸟人会飞 插件没用过
            主题集成该功能

              • 鸟人会飞 2

                @知更鸟 怎么通过后台设置?求教?

                  • 知更鸟 Admin

                    @鸟人会飞 试试这个邮件回复插件:wp thread comment
                    或者自己折腾一下集成到主题中,参考
                    http://kan.willin.org/?p=1295

                  • 学研端 3

                    @知更鸟 @知更鸟 : 鸟哥,为什么我的“有人回复时邮件通知我 ”不起作用呢?是需要什么设置还是我们的主机不支持呢?

                      • 知更鸟 Admin

                        @学研端 无需设置,收不到邮件多半是主机不支持

                  • Louis Han 6

                    这个不需要

                    • 1

                      请教鸟哥一个问题,我现在用的是你的这个模板,有一个问题就是我每张文章标题的前面会有一个小图标,可是我的那个小图标无法显示出来,还有就是我点击那个小图标之后它是一个死链接无法打开页面,请问鸟哥 那个小图标在哪里能设置一下?我看了鸟哥你的那个小图标是可以显示出来的 ,我点击你的那个小图标也可以成功的打开页面,而我的就不行。请教了。

                        • 知更鸟 Admin

                          @ 看使用说明
                          ■ 分类图标

                            • 1

                              @知更鸟 谢谢鸟哥,问题已经解决了。

                          • beyondme37 4

                            字体大小这个需要,有时想修改字体大小都不能。。

                            • nightwind 3

                              厉害,学习了

                              • 永恒之塔基地 3

                                这个不错。新年快乐!

                                • 北京SEO 1

                                  这个代码很实用,学习了。多谢博主分享。

                                  • lv男士包 4

                                    鸟哥!新年快乐!

                                    • 游戏大牛 0

                                      鸟哥,新年快乐。 :cool:

                                      • 匆客 1

                                        鸟哥,为什么我加完代码,段落那一行的按键显示不出来呢?只有第三行字体那一行的按键可以显示,我想改文字颜色的呀,还有就是这几行代码要插在functions.php里的第几行?

                                        • 郑州设计师 5

                                          新年快乐!恭喜发财!鸟哥!
                                          发现两个小bug,看如何解决?
                                          问题1:opera浏览器下,子页面导航栏错位。
                                          问题2:打开http://www.logoing.net/category/logo/ 页面,底部公告栏不能通栏显示。

                                          • 买点什么好 2

                                            还可以这样啊,我也不喜欢外部的编辑器,那个字体大小真是太好了,有用

                                            • 笔丢了 2

                                              鸟哥,福利啊,好久没来了,祝你新年快乐!O(∩_∩)O~

                                              • 调皮鬼 3

                                                过年好! 祝您全家幸福美满,龙年大吉。

                                                • 文献代理 3

                                                  哈,新年快乐,真是福利,一直在关注字体大小的问题

                                                  • suN 2

                                                    果然强大!!

                                                    • Bob 5

                                                      太需要了!!!

                                                      • 唯美图片 1

                                                        哈哈,都是技术活

                                                        • go问问 1

                                                          我见到代码就头疼!

                                                          • 华夏易读 1

                                                            设计代码应该属于前端设计的范畴吧?

                                                            • 一起去问问吧 1

                                                              我也去试试吧!

                                                              • 科普巴士 6

                                                                请教下鸟哥用的是什么手机wap页面插件?貌似不错哦~

                                                                • Tmd 5

                                                                  鸟哥有段时间没更新了哦

                                                                  • 嘉林 4

                                                                    很好,一直以来修改文字的字体、大小和颜色都是通过改代码的,一直在找能直接改字体的编辑框。
                                                                    可是,为什么要修改主体文件,而不是直接修改程序文件而一劳永逸呢?

                                                                      • 知更鸟 Admin

                                                                        @嘉林 修改程序文件会一劳永逸?那程序升级咋办

                                                                          • 嘉林 4

                                                                            @知更鸟 理论上可以新建一个文件来实现吧。
                                                                            不过我完全不懂。
                                                                            不好意思。
                                                                            我还好,主题常年不换,无所谓改哪儿了。

                                                                              • Sola 1

                                                                                @嘉林 那放到插件里不就行了,不影响换主题也不影响程序升级

                                                                          • 嘉林 4

                                                                            有办法加中文字体不?如宋体、楷体_gb2312,

                                                                              • 知更鸟 Admin

                                                                                @嘉林 又是蛋疼的要求,呵
                                                                                添加字体大概是修改wp-includesjstinymce目录中的wp-tinymce.js.gz文件,解压后打开其中的wp-tinymce.js文件查找并添加修改其中的字体名称,最后再次压缩成gz格式,必须是标准的gz格式,看你水平了

                                                                                  • 嘉林 4

                                                                                    @知更鸟 解压后打开wp-tinymce.js,查到不到那些英文字体如“Arial”,也就无从修改或添加中文字体了。
                                                                                    这事儿不敢麻烦鸟大哥了,我写日志时改字体代码改习惯了。
                                                                                    鸟大哥新年好,祝龙年龙马精神、万事如意。

                                                                                • 诊股专家 1

                                                                                  多谢博主 已学习

                                                                                  • wordpress主题 0

                                                                                    wp的编辑器还是不错的,就是功能少了那么点

                                                                                    • haowan 0

                                                                                      好东西 啊 ! 学习

                                                                                      • 小车 1

                                                                                        哎呀呀,添加到functions.php 里面的哪里啊,前后都试过了

                                                                                          • 知更鸟 Admin

                                                                                            @小车 一般加到functions模版最后一个“?>”前面

                                                                                          • 美女图书馆 2

                                                                                            这个真的很有用!

                                                                                            • 倡萌 2

                                                                                              鸟哥,如果我想添加自定义的按钮该如何添加呢?

                                                                                              • woiweb 0

                                                                                                昨天刚找了个插件搞定这事。

                                                                                                • 求索阁 5

                                                                                                  充分说明:要深入挖掘wordpress自身的功能啊。

                                                                                                  • 搏拼 0

                                                                                                    看这篇文章之前,我还不知道wordpress的编辑器还有名字。

                                                                                                    • 浮游 2

                                                                                                      刚刚搞定,这个真的有用,谢谢鸟哥。

                                                                                                      • zhihure 0

                                                                                                        我想在投稿者用户使用的编辑器里增加图片上传和代码高亮 (因为不想弄个投稿页面)
                                                                                                        上传只允许传图片的就行 其他浏览媒体库的不需要
                                                                                                        代码高亮的我是安装了WP SyntaxHighlighter插件 想加进去
                                                                                                        请问怎么实现 谢谢

                                                                                                        • 若我若鱼 1

                                                                                                          你好,我想问下,在文章里插入代码,那个编辑器是什么啊?我原来用的是百度的ueditor编辑器,安装完hotnews主题,文章里插入的代码都乱掉了

                                                                                                          • 走趣网 3

                                                                                                            试试看

                                                                                                            • renxingge 3

                                                                                                              你好,把这个代码放到functions.php出现了问题,打不开网页了,试勒 好几次呢

                                                                                                            • 来自外部的引用: 3

                                                                                                              • 为WordPress默认编辑器TinyMCE增加额外的按钮 – Mr'temp
                                                                                                              • 瞎折腾-2 – To the Moon – Tell my own story
                                                                                                              • 想法继续,粗略定制下TinyMCE编辑器 | Richardzhao.me