如何从 TinyMCE 中移除烦人的按钮？

2024-03-13 12:41:48

从 TinyMCE 中移除烦人的按钮

前言

TinyMCE 是一个流行的文本编辑器，广泛用于 WordPress 和其他内容管理系统中。它具有多种有用的按钮，可以轻松添加文本格式和功能。然而，有时这些按钮会变得过于繁多，影响编辑体验。在这篇文章中，我们将探讨如何从 TinyMCE 插件中删除不必要的按钮，以简化你的编辑工作流程。

如何删除按钮

TinyMCE 提供了一个方便的 removeButton 方法，可用于从编辑器中删除按钮。该方法接受按钮名称作为参数。以下步骤演示了如何使用此方法：

确定按钮名称： 找到要删除的按钮的名称。这可以通过查看 TinyMCE 插件文档或检查编辑器工具栏来实现。
使用 removeButton 方法： 在你的 JavaScript 代码或自定义 WordPress 插件中，使用以下代码删除按钮：

tinymce.PluginManager.get('plugin_name').removeButton('button_name');

从 wplink 插件中删除链接选项按钮

wplink 是 TinyMCE 的一个常用插件，可用于添加和编辑链接。其工具栏包含一个“链接选项”按钮，该按钮允许你控制链接的外观和行为。如果你发现这个按钮多余，你可以通过以下方式将其删除：

tinymce.PluginManager.get('wplink').removeButton('wp_link_advanced');

在自定义 WP 插件中实现

要将上述代码添加到你的自定义 WP 插件，请创建以下文件：

function remove_wplink_advanced_button() {
    if ( ! function_exists( 'tinymce_PluginManager' ) ) {
        return;
    }

    tinymce.PluginManager.get('wplink').removeButton('wp_link_advanced');
}
add_action( 'init', 'remove_wplink_advanced_button' );

将此文件保存在你的插件目录中，然后激活该插件。这将从 wplink 插件中删除“链接选项”按钮。

注意：

确保你的自定义 WP 插件在 wplink 插件之后加载。
如果 wplink 插件更新，你可能需要更新你的代码以匹配新的按钮名称（如果已更改）。

删除其他按钮

除了 wplink 插件之外，还有许多其他 TinyMCE 插件提供按钮。你可以遵循上述步骤删除任何不必要的按钮。只需使用相应的插件名称和按钮名称即可。

常见问题解答

如何确定按钮名称？ 检查 TinyMCE 插件文档或查看编辑器工具栏来获取按钮名称。
可以在哪些环境中使用 removeButton 方法？ 此方法可在 JavaScript 代码或自定义 WordPress 插件中使用。
如何确保我的自定义插件在 wplink 插件之后加载？ 使用 plugins_loaded 操作挂钩或确保你的插件在 wp-content/plugins/ 目录中的 wplink 插件之后激活。
如果 TinyMCE 更新，我需要做什么？ 检查 TinyMCE 的更改日志，并根据需要更新你的代码以匹配新的按钮名称。
我是否可以删除 TinyMCE 的所有按钮？ 是的，但这不是推荐的做法，因为这会极大地限制编辑器的功能。