TinyMCE 是一款功能强大的富文本编辑器，广泛应用于许多网站和应用程序中。在 WordPress 网站中，TinyMCE 默认为文章编辑器提供支持。但是，在自定义 WordPress 插件中使用 TinyMCE 可能会有帮助，特别是当您想要为您的插件添加自定义字段时。
在本文中，我们将介绍如何在 WordPress 插件中调用 TinyMCE 编辑器。我们将使用一个示例插件来说明这一过程，并提供详细的代码和步骤说明。
步骤1：加载 TinyMCE 脚本
首先，您需要确保 WordPress 中已经加载了 TinyMCE 脚本。幸运的是，WordPress 已经在自己的核心中包含了 TinyMCE，因此您不必自行加载它。
如果您想从外部源加载 TinyMCE，则需要执行以下操作：
------- --------------------------------------------------
然后，您可以使用 wp_enqueue_script() 函数将脚本添加到 WordPress 插件中：
-------- ----------------------- -
------------------ ------------------- ------------------------------------ --
-
----------- ------------------------ ----------------------- --这个 myplugin_load_tinymce 函数被添加到 admin_enqueue_scripts 钩子中，在 WordPress 后台加载时自动调用。
步骤2：实例化 TinyMCE 编辑器
一旦 TinyMCE 脚本已经加载，您可以通过以下步骤实例化 TinyMCE 编辑器：
----------- -
--------------
--------- -----------
------- ----
-------- -
-------- -------- ----- ---- ----- ------- ----- ------- --------
-------------- ------------ ---- ------------
--------------- ----- ----- ----- ---- ---- ----------
--
-------- ----- ---- - ------------ - - -
----- ------ --------- - --------- ----------- - -
----------- ------------ - ------- ------- ------- ------ - - -
------------- - ------
------------ -
-----------------------------------------------------------
--------------------------------------
-
---
-----这段代码使用 tinymce.init() 函数来实例化 TinyMCE 编辑器。其中，selector 属性指定将应用编辑器的 HTML 元素，plugins 和 toolbar 属性用于指定编辑器的插件和工具栏按钮，content_css 属性用于指定编辑器的样式表。
在插件中使用 TinyMCE 编辑器，可以通过添加以下代码来实例化它：
-------- --------------------- -
---------- --- ------------------ --
-
----------- ------------- --------------------- --这个 myplugin_add_editor() 函数被添加到 admin_init 钩子中，这意味着 TinyMCE 编辑器将在 WordPress 后台加载时自动调用。
步骤3：使用 TinyMCE 编辑器
一旦您已经实例化了 TinyMCE 编辑器，您就可以使用它来编辑自定义字段。例如，如果您想要使用 TinyMCE 编辑器来编辑名为“my_custom_field”的自定义字段，那么您可以添加以下代码：
-------- ------------------------------- -
-------- - -------------- ------------- ------------------ ---- --
---------- --------- ----------------- --
-
----------- ------------------------ ------------------------------- --这个 myplugin_display_custom_field() 函数被添加到 edit_form_after_title 钩子中，这意味着
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26989