文章

WordPress富文本编辑器TinyMCE 增强

最近换了Hueman theme,功能上的修订基本完成了,准备把原来导入的文章清理一下,认真写博客,谁知道打开编辑器居然没有字体相关选项,这个不能忍,经过一翻折腾,凭借者本人高超的上网技巧终于搞出 一套可行的方案,赶紧记下来。

屏蔽 Gutenberg 编辑器

一句代码屏蔽 Gutenberg:添加到主题functions.php文件里即可

//屏蔽 Gutenberg 编辑器
add_filter('use_block_editor_for_post_type', '__return_false');

TinyMCE编辑器增强

调用方式:将以下代码添加到主题functions.php文件里即可:

//TinyMCE编辑器增强
function add_editor_buttons($buttons) {
$buttons[] = 'styleselect';
$buttons[] = 'fontselect'; //添加字体选择
$buttons[] = 'fontsizeselect'; // 添加字体大小选择 
$buttons[] = 'backcolor'; //字体背景色
$buttons[] = 'del'; 
$buttons[] = 'cleanup'; 
return $buttons;
}

WordPress自带编辑器的强大往往被人忽略,很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。完整的编辑器其实包含这些功能:

加粗(bold)、斜体(italic)、下划线(underline)、删除线(strikethrough)、左对齐(justifyleft)、居中(justifycenter)、右对齐(justfyright)、两端对齐(justfyfull)、无序列表(bullist)、编号列表(numlist)、减少缩进(outdent)、缩进(indent)、剪切(cut)、复制(copy)、粘贴(paste)、撤销(undo)、重做(redo)、插入超链接(link)、取消超链接(unlink)、插入图片(image)、清除格式(removeformat)、帮助(wp_help)、打开HTML代码编辑器(code)、水平线(hr)、清除冗余代码(cleanup)、格式选择(formmatselect)、字体选择(fontselect)、字号选择(fontsizeselect)、样式选择(styleselect)、上标(sub)、下标(sup)、字体颜色(forecolor)、字体背景色(backcolor)、特殊符号(charmap)、隐藏按钮显示开关(wp_adv)、隐藏按钮区起始部分(wp_adv_start)、隐藏按钮区结束部分(wp_adv_end)、锚文本(anchor)、新建文本(类似于清空文本)(newdocument)、插入more标签(wp_more)、插入分页标签(wp_page)、拼写检查(spellchecker)。

有需要的功能就按上面的代码规则自行修订吧。

TinyMCE编辑器添加中文字体
//TinyMCE编辑器添加中文字体
add_filter("mce_buttons_3", "add_editor_buttons");
function add_fontfamily($initArray){
$initArray['font_formats'] = "微软雅黑='微软雅黑';黑体='黑体';宋体='宋体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';华文新魏='华文新魏';Arial='Arial';Times New Roman='Times New Roman'";
return $initArray;
}
TinyMCE编辑器添加中文字体
//TinyMCE编辑器修订字体大小为px
function customize_text_sizes($initArray){
$initArray['fontsize_formats'] = "12px 13px 14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 32px 34px 36px 38px 42px 44px 46px 48px";
return $initArray;
}
add_filter('tiny_mce_before_init', 'customize_text_sizes');

 

文章有(2)条网友点评

  • 测试回复可见

  • 网站测试员

发表评论