WordPress后台文本编辑器添加自定义字体
分类:折腾 ; 热度:3278 ; 最后更新于2020 年 02 月 14 日
编辑相关文章的时候需要使用一些中文字体,TinyMCE编辑器默认是没有字体选项及中文字体的,。从网上搜了些代码并简要对比整理了下,最终在后台添加上了中文字体,以下是具体代码。
添加中文字体
将以下代码添加到主题的 function.php 文件中,这段代码有点不好的地方是会重置后台字体,如果你需要保留自带的字体可以记下字体的名字按照相同的格式添加上即可。
//TinyMCE编辑器添加自定义字体 function qgg_customize_font_family($initArray){ $initArray['font_formats'] = "Arial='Arial',Helvetica,Arial,sans-serif;Times New Roman='Times New Roman',Helvetica,Arial,sans-serif;宋体='宋体',Helvetica,Arial,sans-serif;楷体='楷体',Helvetica,Arial,sans-serif;黑体='黑体',Helvetica,Arial,sans-serif;隶书='隶书',Helvetica,Arial,sans-serif"; return $initArray; } add_filter('tiny_mce_before_init', 'qgg_customize_font_family')
添加字体选项
对于一些默认的主题,后台编辑器可能没有字体相关的选项,添加下面的代码即可为后台编辑器添加字体相关的选项。
function qgg_add_editor_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'cleanup'; $buttons[] = 'styleselect'; $buttons[] = 'del'; $buttons[] = 'sub'; $buttons[] = 'sup'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'cut'; $buttons[] = 'image'; $buttons[] = 'anchor'; $buttons[] = 'backcolor'; $buttons[] = 'wp_page'; $buttons[] = 'charmap'; return $buttons; } add_filter("mce_buttons_2", "qgg_add_editor_buttons");
注意:上面代码中mce_buttons_2不可更改,具体原因可查看官方文档。
转自 蝈蝈要安静 http://blog.quietguoguo.com/
已有 3 条评论
2018年02月04日
感觉一般网站用普通编辑器就够了
2018年02月04日
不过如果经常编辑改动排版的话还是挺有用的
2018年02月04日
像我现在编辑这种代码在上面的话就用很大的帮助了