在 WordPress textarea Meta Box 中添加所见即所得编辑器答案

【问题标题】：Add wysiwyg editor in WordPress textarea Meta Box在 WordPress textarea Meta Box 中添加所见即所得编辑器
【发布时间】：2016-11-06 18:14:03
【问题描述】：

我正在使用下面的代码创建一个可重复的元框。我如何在这个 textarea 字段中添加一个所见即所得的编辑器。非常感谢任何帮助

How to create meta box using clone ajax and jquery in wordpress

谢谢

【问题讨论】：

标签： javascript php jquery html wordpress

【解决方案1】：

这是一个老问题，但也许其他人可能需要它，所以你可以这样做：

<textarea id="tag-description"></textarea>

首先让文档加载，然后检查tinyMCE是否存在并初始化编辑器。

jQuery(document).ready(function() {
    if ( typeof( tinyMCE ) == "object") {
        tinyMCE.init({
            selector: '#tag-description'
        });
    }
});

【讨论】：

哇！超级简单和极好的解决方案。 TinyMCE 是否已经包含在 WP 中？太棒了:)

【解决方案2】：

将“theEditor”类添加到您的文本区域。

<textarea class=”theEditor” name=’blurb’ id=’blurb’></textarea>

编辑：

你也可以用js添加编辑器

    <script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#blurb").addClass("mceEditor");
    if ( typeof( tinyMCE ) == "object" &&
         typeof( tinyMCE.execCommand ) == "function" ) {
        tinyMCE.execCommand("mceAddControl", false, "blurb");
    }
});
</script>

<textarea class="" name='blurb' id='blurb'></textarea>

【讨论】：

您需要使用" 而不是” 或’

【解决方案3】：

也许您正在使用更新版本的 tinyMCE。改变

tinyMCE.execCommand("mceAddControl", false, "blurb");

与

tinyMCE.execCommand("mceAddEditor", false, "blurb");

【讨论】：