Wordpress - 将前端的 TinyMCE 添加到 jQuery UI 小部件中答案

【问题标题】：Wordpress - Adding TinyMCE on Frontend into jQuery UI widgetWordpress - 将前端的 TinyMCE 添加到 jQuery UI 小部件中
【发布时间】：2012-12-05 08:05:29
【问题描述】：

我正在创建一个 Wordpress 应用程序。它包括使用自定义类型的自定义字段来管理个人项目。

我的问题：我想在前端添加管理编辑器 (tinyMCE)。考虑到我可以拥有许多将开始 TinyMCE 编辑器的文本区域。所以，我使用了这段代码：

PHP（关于主题functions.php）：

// TINY-MCE EDITOR ON FRONTEND
add_filter('wp_head','add_tinymce_editor');

function add_tinymce_editor(){
    wp_admin_css('thickbox');
    wp_enqueue_script('wp-tinymce');
    wp_enqueue_script('tinymce');
    wp_enqueue_script('editor');
    add_thickbox();
}

JS（关于主题 single-projects.php）：

jQuery(document).ready(function(){
    // EDITORS
    tinyMCE.init({
        mode : "specific_textareas",
        theme : "simple", 
        editor_selector :"tinymce_enabled"
    });
 });

在 JS 上，我为所有将启动 tinyMCE 编辑器的文本区域设置了“editor_selector”类。我不能为每个文本区域分配一个 ID，因为它们可以是 4 或 5 或 6，或更多！！！

HTML：（关于主题 single-projects.php）：

<textarea name="new-task-description" id="new-task-description"
    class="tinymce_enabled required"></textarea>

每个文本区域都存在于 Jquery UI Accordions 上。

现在，我的问题是，在 Firebug（或浏览器控制台）上出现此错误：

tinyMCE is not defined

怎么了？

提前谢谢！！！

【问题讨论】：

标签： wordpress jquery-ui tinymce accordion

【解决方案1】：

使用 Wordpress 3.3，您可以使用 wp_editor()，这要容易得多。

http://codex.wordpress.org/Function_Reference/wp_editor

包含脚本的正确方法是add_action('wp_enqueue_scripts', 'tinymce_editor');

【讨论】：

这可能是正确的，但在我的情况下，wp_editor() 不能使用，因为它希望我假设一个 ID 作为我的 textarea 的选择器。而不是，我需要使用一个类作为选择器。
我需要知道我需要与“wp_enqueue_script”一起使用哪个参数来添加tinyMCE脚本。
我再次尝试在主题标题上手动插入脚本 tiny_mce.js。现在我没有收到任何错误，而是在前端看不到编辑器...
我不认为只使用 wp_enqueue_script 就可以使用 Wordpress 版本的 tinymce。 wordpress 使用的 tinymce 版本需要由 _WP_Editors 类（class-wp-editor.php）设置。您可能需要在您的网站上使用单独的 tinymce 实例来满足您的需求。

【解决方案2】：

如果 tinymce 未定义，则文件 tiny_mce.js 尚未加载到页面上。确保文件被直接加载或通过 wordpress 提供的方式加载。

【讨论】：