为wordpress编辑器增加中文字体

2014年10月30日13:13:14 40 15,228

WordPress自带的TinyMCE编辑器,对于一般的文字编辑已足够了,但还是有童鞋希望它功能更多,所以诞生了各种编辑器增强插件,其实不用插件也可以为默认编辑器增加各种功能,比如之前写的为WordPress默认编辑器TinyMCE增加额外的按钮,下面的方法可以为编辑器增加选择中文字体功能。

为wordpress编辑器增加中文字体

中文字体

将如下代码加到当前主题的 functions.php 模板文件中:

  1. functioncustum_fontfamily($initArray){
  2. $initArray['font_formats']="微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";
  3. return$initArray;
  4. }
  5. add_filter('tiny_mce_before_init','custum_fontfamily');

WordPress默认TinyMCE编辑器并没有选择字体功能,所以还需要把下面代码也一同加到 functions.php 模板文件中:

  1. functionenable_more_buttons($buttons){
  2. $buttons[]='styleselect';
  3. $buttons[]='fontselect';
  4. return$buttons;
  5. }
  6. add_filter("mce_buttons","enable_more_buttons");

适用于WordPress 4.0,之前版本未试。

添加更多按钮功能参阅:为WordPress默认编辑器TinyMCE增加额外的按钮

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

发表评论

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

目前评论:40   其中:访客  33   博主  6   引用   1

    • 女儿爸 1

      不错,支持鸟哥,几乎每天一访问你的网站。

        • 消灭星星 3

          @女儿爸 学习了,感谢分享。
          我觉得写的挺好的,这个必须支持啊~

        • 女儿爸 1

          鸟哥,你这篇文章中的虚线框是怎么实现的呢?

          • 萝卜头 2

            鸟哥,最近发现后台总是有评论,评论内容牛头不对马嘴,而且很多都是同一个昵称发的,标记为垃圾评论过连天有来评,有办法解决没?

            • 网赚巴巴 2

              鸟哥,辛苦了,你的主题哪都有见

              • 淡忘~浅思 3

                11月第一天 祝博主111小光棍节快乐

                • gggg 0

                  小光棍节快乐

                  • 香港服务器 3

                    为wordpress编辑器增加中文字体,这个必须支持,相信很多博客在更新文章的时候都没有这个功能吧。

                    独立ip主机终身3.8折,转发活动的送wifi额。。。。。。。

                    • 笑话精选 6

                      很好的方法支持 鸟哥

                      • 两天 6

                        鸟哥辛苦了

                        • 女儿爸 2

                          鸟哥,主题在360浏览器下的字体跟在ie浏览器下的字体有点不一样,ie中更好看下,这是什么原因呢?有没有方法让360浏览器跟在ie下是一样的呢?

                          • 矿工测评网 1

                            我想问下加在哪个位置

                            • calonye 1

                              鸟哥,这个教程适用于现在的4.0版本吗?因为我尝试了一下好像没起作用。可否指教一下~~?是两段都必须加,还是只要添加下面那一段就可以生效了?跟以往的增强代码只是“function enable_more_buttons($buttons) {“及”add_filter(“mce_buttons”, “enable_more_buttons”);“不同而已吗?

                                • 知更鸟 Admin

                                  @calonye 代码没有任何问题,使用说明也很明确

                                    • calonye 1

                                      @知更鸟 那真奇怪,我用你的这段代码一改,就直接崩掉了。。

                                  • 工夫茶道研究网 3

                                    如果能像微软word一样可以加注拼音就更好了!

                                    • 深圳做网站公司 0

                                      鸟哥,用了你上面的代码之后只能增加你提供的这个几个字体了.怎么保证系统自带的又有,你提供的又有呢

                                        • 知更鸟 Admin

                                          @深圳做网站公司 把程序默认字体名称抄下来,按这种写法 Arial Black=’Arial Black’; 加到文中代码中

                                        • 时光在路上 3

                                          添加第二段代码时候直接崩溃了,连godaddy 账户设置都打不开了,返回信息:

                                          Fatal error: Cannot redeclare enable_more_buttons() (previously declared in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php:14) in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php on line 317

                                            • 0

                                              @时光在路上 你解决了吗。我也遇到和你一样的情况 请问需要如何解决

                                            • dff 0

                                              dddffffgtdd哈哈哈

                                              • 知道 1

                                                鸟哥,貌似按你的操作中文字体添加不了,而且还会出现乱码

                                                • 深圳做网站公司 1

                                                  鸟哥,这个增加字体的方法有一个不好的地方,下拉选择字体的时候没有了滚动条.请问怎么解决呢,非常感谢鸟哥.

                                                  • 天下 2

                                                    请问能不能给编辑器添加批量上传图片功能

                                                    • 天下 2

                                                      请问能不能增加上传按钮

                                                      • calonye 1

                                                        感谢您的分享,请问能否支持现在新的版本呢?找到好多个都不生效;

                                                        • 胖哥 0

                                                          怎么设置默认的字体呢?

                                                          • BOKE123 5

                                                            这个我还真没有试过,平时都是直接默认字体的

                                                            • 阿里书籍 6

                                                              嗯 确实是很好的方法

                                                              • 不如嚼袜子 0

                                                                太棒了,博主的方法亲测有效,知识我不知道该添加哪些字体比较好

                                                                • nsking.cn 0

                                                                  鸟哥。。。这些代码加入functions.php中。。。。直接打不开了。。删掉就OK。。。主题是你的Ality

                                                                  • 走趣网 3

                                                                    试试看

                                                                    • 走趣网 3

                                                                      怎么更改全部文章为宋体呢

                                                                      • wangc 0

                                                                        鸟叔 为什么 幼圆字体不显示呢?

                                                                      • 来自外部的引用: 1

                                                                        • WordPress 编辑器 增加中文字体 TinyMCE Advanced 插件 | 落格 – logcg.com