WordPress文本编辑器自定义功能

问题：后台我写了一个“心理测试”插件，插件只是 个管理数据的一组操作，要将这些心理测试放在文章里去显示，这个插入要在编辑器里完成，想要的就是输入一个id，然后生成一个字符串[plugin id='100']，在发布文章的时候再添加钩子解析这个字符串。那么，这个编辑器功能怎么做呢？

首先在init钩子里添加一个添加按钮的方法，再用过滤器给编辑器加上对应的按钮，而这个按钮的功能就是JS去完输入输出的。这里引入一个JS控件来完成。

add_action('init', 'nwj_tinymce_addbuttons');
function nwj_tinymce_addbuttons() {
	if(!current_user_can('edit_posts') && ! current_user_can('edit_pages')) {
		return;
	}
	if(get_user_option('rich_editing') == 'true') {
		add_filter('mce_external_plugins', 'nwj_tinymce_addplugin');
		add_filter('mce_buttons', 'nwj_tinymce_registerbutton');
	}
}
function nwj_tinymce_registerbutton($buttons) {
	array_push($buttons, 'separator', 'nwj');
	return $buttons;
}
function nwj_tinymce_addplugin($plugin_array) {
	$plugin_array['nwj'] = plugins_url( 'wp-nwj/plugin.js');
	return $plugin_array;
}

这个按钮具体的功能是遵循tinymce编辑器规范的，按照它的

(function(){
	tinymce.PluginManager.add("nwj",function(b){
		b.addCommand("WP-NWJ-Insert_Nwj",function(){
			for(var a=jQuery.trim(prompt("输入心理测试Id"));isNaN(a);)
				a=jQuery.trim(prompt("Error: Id必须为数字"+"\n\n"+"请再次输入心理测试Id"));
				-1<=a&&null!=a&&""!=a&&b.insertContent('[nwj id="'+a+'"]');
		});
		b.addButton("nwj",{
			text:!1,
			tooltip:"插入心理测试 ",
			icon:"nwj dashicons-before dashicons-heart",
			onclick:function(){
				tinyMCE.activeEditor.execCommand("WP-NWJ-Insert_Nwj")
		}})
	})
})();

功能效果为：