mce_external_plugins是WordPress中的一个特殊钩子，用于添加自定义的外部插件到文本编辑器（TinyMCE）中。
mce_external_plugins钩子的用法如下：
1. 创建一个自定义插件文件。该文件必须是一个JavaScript文件，其中包含要添加到文本编辑器的功能代码。例如，创建一个名为my-plugin.js的文件。
2. 注册钩子并添加插件。将以下代码添加到你的主题或插件的functions.php文件中：
function my_custom_plugin_script($plugin_array) {
$plugin_array['my_plugin'] = get_template_directory_uri() . '/my-plugin.js';
return $plugin_array;
}
add_filter('mce_external_plugins', 'my_custom_plugin_script');
这段代码将注册一个名为my_custom_plugin_script的函数，并将其添加为mce_external_plugins钩子的过滤器。该函数将返回一个包含插件名称和插件文件路径的关联数组。
在这个例子中，插件名称是my_plugin，插件文件路径是get_template_directory_uri() . '/my-plugin.js'。get_template_directory_uri()函数用于获取当前主题的目录URI。
3. 加载自定义插件。将以下代码添加到你的主题或插件的JavaScript文件中（例如my-plugin.js）：
(function() {
tinymce.create('tinymce.plugins.my_plugin', {
init: function(editor) {
// 在这里添加你的功能代码
}
});
tinymce.PluginManager.add('my_plugin', tinymce.plugins.my_plugin);
})();
这段代码将使用tinymce.create方法创建一个名为my_plugin的新插件。你可以在init方法中添加你的功能代码。
4. 更新文本编辑器。为了使插件生效，你需要在文本编辑器中更新插件列表。在编辑器加载之前，你可以使用以下代码更新插件列表：
function my_custom_mce_buttons($buttons) {
array_push($buttons, 'my_custom_button');
return $buttons;
}
add_filter('mce_buttons', 'my_custom_mce_buttons');
这段代码将注册一个名为my_custom_mce_buttons的函数，并将其添加为mce_buttons钩子的过滤器。该函数将在常规按钮之后添加一个自定义按钮。
这样，你就可以将自定义插件添加到WordPress的文本编辑器中了。当文本编辑器加载时，你的插件将可用并且可以使用其中的功能。
0 个评论