欢迎您光临本小站。希望您在这里可以找到自己想要的信息。。。

wordpress为TinyMCE的字体选择增加中文字体教程

web开发 water 2120℃ 0评论

仅适用于wordpress3.9以前版本的方法

打开主题下的functins.php,在最后加上类似如下的代码:


function conference_change_mce_options($initArray) {
//@see http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference
$initArray['theme_advanced_blockformats'] = 'p,address,pre,code,h3,h4,h5,h6';
$initArray['theme_advanced_disable'] = 'forecolor';
if ( isset($initArray['theme_advanced_fonts'])){
    $initArray['theme_advanced_fonts'] = '宋体=宋体;黑体=黑体;仿宋=仿宋;楷体=楷体;隶书=隶书;幼圆=幼圆;'.$initArray['theme_advanced_fonts'];
}else {
    $initArray['theme_advanced_fonts'] = '宋体=宋体;黑体=黑体;仿宋=仿宋;楷体=楷体;隶书=隶书;幼圆=幼圆;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
}
   return $initArray;
}
add_filter('tiny_mce_before_init', 'conference_change_mce_options',999);

这种方法显然更为简洁。效果如下:

TinyMCE-中文字体

对于wordpress3.9以上

wordpress默认编辑器TinyMCE的字体选择增加中文字体,但是wordpress在不断发展,教程总有实效的时候。前面的增加中文字体的教程在最新的wordpress3.9以上wordpress3.9.1失效了。我无所谓,因为我一直是离线编辑。但是今天下午有人在问这个问题,我就写一个新的教程出来,帮助盲目中的童鞋们。

首先简单介绍一下详细内容,WordPress 3.9虽然使用了新版本的TinyMCE 4.0版,但是tinymce 4.0和旧版本本身钩子等差别不大虽然变化不大,但是一些地方还是有差别的,模板就是这次变化最明显的。

使用方法

方案一:修改wordpress文件,不可取

方法如下,修改/wp-includes/js/tinymce/中的tinymce.min.js和wp-tinymce.js.gz中的fontselect后面参数的字体信息

1
e.addButton("fontselect",function(){var n="微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats",i=[],o=r(e.settings.font_formats||n);

以上方法不可取,先不论方便与否,单单是修改wordpress可能会造成系统不稳定,而且wordpress更新就会失效。下面我们给大家带来更便捷的教程。

方案二:

我们的教程,还是贯彻以往的经验,不到万不得已绝不更改wordpress代码。打开主题的functions.php文件,在php代码结尾前加入以下代码!

1
2
3
4
5
6
7
8
9
//编辑器字体http://www.luoxiao123.cn/7259.html
 
function custum_fontfamily($initArray){
    $initArray['font_formats'] = '宋体=宋体;黑体=黑体;仿宋=仿宋;楷体=楷体;隶书=隶书;幼圆=幼圆;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
   return $initArray;
}
add_filter('tiny_mce_before_init', 'custum_fontfamily');
 
//字体结束

OK!到了这一步就完工了!大家快去试试看看效果吧!

 

另外原有的编辑器功能增强代码照样有效,无需更改!

转载请注明:学时网 » wordpress为TinyMCE的字体选择增加中文字体教程

喜欢 (0)or分享 (0)

您必须 登录 才能发表评论!