WordPress为自带编辑器添加自定义功能按钮
WordPress默认使用的是TinyMCE编辑器,对于国人来说使用不是很爽。功能简单。但是使用第三方编辑器,又会出现各种其他bug,比如严重卡顿,或者页面编辑无法保存等问题。今天这里给大家介绍下如何在内置编辑器上添加功能键,丰富自己需要的一些功能。


3、// 添加HTML按钮function appthemes_add_quicktags() {?争犸禀淫><script type="text/javascript">QTags.addButton( '按钮名字', '按钮名字', '\n代码开头', '代码结尾\n' ); //按钮实现的功能</script><?php}add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );--------------------------------------------------------------------------------把以上代码添加进去即可,你也可以根据以上格式修改自己需要的功能按钮键。需要注意的是一定是要在?>的前面加入。

一.添加分页按钮功能
1、由于TinyMCE编辑器JS代码中已经集成了分页功能,我们要做的只是添加按钮即可。
2、TinyMCE编辑器JS源代码一般在/public_html/wp-includes/js目录下。你也可以自己在里面查询。根据源代码去添加自己需要功能。

5、然后上传functions.php文件。实现效果如图所示:

3、准备JS文件,由于add_plugin函数中引入了js,根据路径创建好js文件,以myadvert.js为例
4、(function(tinymce) { tinymce.create('tinymce.plugins.myadvert', { //注意这里有个 myadvert init : function(ed, url) { ed.addButton('myadvert', { //注意这一行有一个 myadvert title : '隐藏', image : url+'/TIM.png', //注意图片的路径 url是当前js的路径 onclick : function() { ed.selection.setContent('[reply][/reply]'); //这里是你要插入到编辑器的内容,你可以直接写上广告代码 } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('myadvert', tinymce.plugins.myadvert); //注意这里有两个 myadvert })(window.tinymce); // JavaScript Document--------------------------------------------------------------------------------创建myadvert.js,添加以上代码。然后上次到指定路径下即可,包括按钮图标。
