TinyMCE 未加载到 div 中答案

【问题标题】：TinyMCE wasn't loaded in a divTinyMCE 未加载到 div 中
【发布时间】：2012-02-14 09:05:09
【问题描述】：

我目前在我的网站中使用 TinyMCE 作为我的主要文本编辑器，但现在我面临一个非常棘手的问题，即我将 TinyMCE 嵌入到 html 文件 A 中，并且我使用 JQuery 将文件 A 加载到另一个 html 文件中B 的 div 元素，一切正常，除了文件 A 中的 TinyMCE 没有加载。

这里有人遇到过类似的问题b4吗？

【问题讨论】：

我认为您至少需要从 A 和 B 发布一些相关代码。我认为一个可能的解决方法是使用 .live() 函数 - api.jquery.com/live 但取决于您使用的版本，它已被弃用，看起来您应该改用 .on()。
那么将这些部分放在一起，提供的 HTML 是什么样的？

【解决方案1】：

您可能需要在将 TinyMCE 编辑器添加到页面 A 后对其进行初始化，方法是在您的 load('fileB.html') 之后添加以下代码：

tinyMCE.init({
    mode: 'textareas',
    theme: 'simple',
    language: 'en'
});

您显然可以根据需要修改这些设置。 Full reference

【讨论】：

【解决方案2】：

在您的 jQuery 代码中，加载文件后，您可能需要调用

tinyMCE.init({
  // ...
});

您可以将文件“A”中的这部分放在一个函数中，并在加载文件后调用该函数。

【讨论】：

【解决方案3】：

您需要像 JScoobyCed 已经说明的那样调用 tinymce init 函数，或者直接调用它

tinymce.execCommand('mceAddControl', true, 'id_of_your_textarea');

【讨论】：