WordPress的编辑器默认只开启了简单的功能,如果要开启全部高级功能,需要安装插件Ultimate TinyMCETinyMCE Advanced。插件的好处是能开启TinyMCE的全部功能,如果你需要的只是插入图片或者插入多媒体的简单功能,用插件有点小题大做了,杀鸡焉用宰牛刀,如果开启WordPress隐藏的编辑器功能就够你用了,何必安装插件呢

如何开启隐藏的编辑器功能

WordPress默认不支持TinyMCE的全部功能,但它支持的功能也没有全部开启,将下面的代码放到主题的functions.php中,就可以开启全部隐藏功能了。

function add_mce_buttons_1($buttons) {
	$buttons = array('newdocument','undo','redo','|','bold','italic','underline','strikethrough','|','justifyleft','justifycenter','justifyright','justifyfull','|','styleselect','formatselect','fontselect','fontsizeselect','wp_more','wp_adv');
 	return $buttons;
}

function add_mce_buttons_2($buttons) {
	$buttons = array('cut','copy','paste','pastetext','pasteword','|','search','replace','|','bullist','numlist','|','outdent','indent','blockquote','|','|','link','unlink','anchor','image','cleanup','code','|','forecolor','backcolor','hr','removeformat','visualaid','|','sub','sup','|','spellchecker','charmap','fullscreen','wp_help');
 	return $buttons;
}

add_filter("mce_buttons", "add_mce_buttons_1");
add_filter("mce_buttons_2", "add_mce_buttons_2");

效果如下图所示

tinymce-editor-hidden-functions

WordPress默认支持哪些插件

TinyMCE有很多插件,如果都安装了,就有全部的功能,还能添加自定义插件,但WordPress没有自带所有插件,如果你打开
/wp-includes/js/tinymce/plugins文件夹,就可以看到所有的插件

wordpress-supported-tinymce-plugins

而TinyMCE默认的插件有多少,可以看看TinyMCE的Full featured example

plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

也就是说不安装插件是没法开启所有的功能的,至少你得先让WordPress具备这些插件的文件。

10条留言

  1. […] 看到这里,http://www.solagirl.net/enable-hidden-functions-of-wordpress-visual-editor.html,介绍了 WordPress 的 tinymec 的目录结构,去这里,http://www.tinymce.com/download/download.php,下载 4.1.x 版本的 tinymec,然后把里面的 autolink 提出来,放到对应的版本,然后在 WordPress 的后台设置的地方修改 tinymce advanced 的设置,导入这个配置 […]

  2. 原来如此

  3. 这个很好。方便多了、虽然我用word比较多,但后台有时候还是需要修改的。

    1. 这种方法仅适用于 > WordPress 3.3版本,不知道您用的是WordPress哪个版本。
      看截图似乎是没有图标,不知道功能是否正常。可否查看一下图片路径以及该路径下是否有对应的图片,默认的图片路径应该是
      wp-includes/js/tinymce/themes/advanced/img/

    2. 我的是WP3.3.2版 哎~~

      1. 通过删除wp-includes/js/tinymce/themes/advanced/img/icons.gif我可以重现你遇到的问题,所以或者是这张图片丢失,或者是对应的样式表有问题,不知道wp核心文件是否被更改过。
        如果代码方式用不了,可以装插件试一下

  4. […] 在文章《开启WordPress编辑器隐藏的功能》中提到过WordPress隐藏了一些自带的编辑器功能,并描述了如何开启这些功能,但这些功能中不包括表情图标,也就是说表情功能默认就没有集成到WordPress中,WordPress的编辑器是TinyMCE,表情图标是TinyMCE的一个官方插件,本文就介绍一下如何将表情图标加入。 […]

  5. […] 以前我总喜欢将WordPress编辑器换成CKeditor,现在我的想法变了,WordPress默认的编辑器TinyMCE同样很强大,只是真人不露相罢了。之前提到过WordPress版TinyMCE隐藏的功能,其实这些隐藏的功能对一般使用已经够了。如果想要更多的功能,装个插件是不错的选择。 […]

评论功能已关闭