无需任何插件,代码增强WordPress默认编辑器
相信很多朋友都不喜欢wordpress自带的简陋默认编辑器,但又不想用编辑器插件拖慢网站。现在jak教大家用代码增强wordpress默认编辑器的方法,此方法被很多收费主题用。事实上,Wordpress的编辑器很强大,几乎包含所有的编辑器按钮。只是程序默认的功能比较少而已!代码只是调用出来。
先上效果图:
原来的wordpress默认编辑器
增加后wordpress默认编辑器
是不是和默认的那个简陋的编辑器不一样呢?最后一行功能是用代码加上的。这些功能默认编辑器是没有的!只是我们需要把它们调出来加上就可以啦,而且方法超级简单!
使用方法:
找到你正在使用的那个主题的模版函数文件(一般是functions.php这个文件,有点主题在functions文件夹中的文件),在其中加入下面这段代码:
<?phpfunction add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
?>
OK搞定,保存下,上传到你服务器,登陆后台写文字看看是不是编辑器丰富了。
最后,附上搜集的按钮调用的Key
按钮调用Key是用来干什么的?当然是调用到编辑器上的,也就是说,下面这些功能都可以增加到编辑器里面,怎么样?够强大吧!
下面的功能按钮可以自行添加,你添加更多功能的时候只要把代码中 “$buttons[] =”
后面单引号内的单词换成下面括号里列出的那些Key就可以了啦!
还在纠结wordpress自带编辑器功能少的朋友,快去试试看吧!
wordpress编辑器按钮调用的Key:
1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)
2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)
3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)
4.清除格式(removeformat)下划线(underline)删除线(strikethrough)
5.锚文本(anchor)新建文本(newdocument)
6.字体颜色(forecolor)字体背景色(backcolor)
7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)
8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)
9.减少缩进(outdent)缩进(indent)帮助(wp_help)
10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)
11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)
12.插入分页标签(wp_page)
13.隐藏按钮显示开关(wp_adv)
14.隐藏按钮区起始部分(wp_adv_start)
15.隐藏按钮区结束部分(wp_adv_end)
16.拼写检查(spellchecker)
是不是很丰富呢?可以满足大家的需要了吧,快去试试吧。
原文链接:http://www.tianyuzhi.com/wordpress-default-editor.html
先上效果图:
原来的wordpress默认编辑器
增加后wordpress默认编辑器
是不是和默认的那个简陋的编辑器不一样呢?最后一行功能是用代码加上的。这些功能默认编辑器是没有的!只是我们需要把它们调出来加上就可以啦,而且方法超级简单!
使用方法:
找到你正在使用的那个主题的模版函数文件(一般是functions.php这个文件,有点主题在functions文件夹中的文件),在其中加入下面这段代码:
<?phpfunction add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
?>
OK搞定,保存下,上传到你服务器,登陆后台写文字看看是不是编辑器丰富了。
最后,附上搜集的按钮调用的Key
按钮调用Key是用来干什么的?当然是调用到编辑器上的,也就是说,下面这些功能都可以增加到编辑器里面,怎么样?够强大吧!
下面的功能按钮可以自行添加,你添加更多功能的时候只要把代码中 “$buttons[] =”
后面单引号内的单词换成下面括号里列出的那些Key就可以了啦!
还在纠结wordpress自带编辑器功能少的朋友,快去试试看吧!
wordpress编辑器按钮调用的Key:
1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)
2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)
3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)
4.清除格式(removeformat)下划线(underline)删除线(strikethrough)
5.锚文本(anchor)新建文本(newdocument)
6.字体颜色(forecolor)字体背景色(backcolor)
7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)
8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)
9.减少缩进(outdent)缩进(indent)帮助(wp_help)
10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)
11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)
12.插入分页标签(wp_page)
13.隐藏按钮显示开关(wp_adv)
14.隐藏按钮区起始部分(wp_adv_start)
15.隐藏按钮区结束部分(wp_adv_end)
16.拼写检查(spellchecker)
是不是很丰富呢?可以满足大家的需要了吧,快去试试吧。
原文链接:http://www.tianyuzhi.com/wordpress-default-editor.html
还没人转发这篇日记