使用jQuery通过ajax请求加载TinyMCE

我正在使用jQueryAjax函数动态加载另一个文件中的内容。我想通过这种方式将TinyMCE编辑器添加到我的页面。链接到tiny_mce.js文件，动态加载的文件中应包含编辑器初始化脚本。问题是它对我不起作用

下面是我想做的简单示例：

以下是通过ajax加载的文件：

如果直接在浏览器中打开第二个文件，则TinyMCE编辑器可以正常工作

使用Firebug控制台，您可以看到tiny_mce.js正在成功加载。我还添加了console.debug（）几个地方，所以您可以看到，来自ajax加载文件（editor.html）的脚本正在正确执行，并且没有错误。 第二个文件中包含到jQuery库的链接只是出于测试原因（因此，当您直接在浏览器中访问此文件时，它将起作用），并且在通过ajax加载编辑器时，不需要它

请帮我解决这个问题

更新：我找到了另一个WYSIWYG编辑器，它可以按照我想要的方式工作，但是它没有很好的文档记录，而且我害怕使用它，因为TinyMCE缺少选项。但它可能会帮助某些人将TinyMCE ajax初始化标记为可能：

---

无论如何，这正是我希望使用TinyMCE实现的行为。

这里的问题是，您并没有将html元素加载到名为“content”的div中，而是加载整个页面。这是行不通的。您需要做的是只插入一个html元素

我使用了您的代码，当您的editor.html包含以下内容时，它可以工作：

<textarea cols="50" rows="5"  id="editor" name="editor">test content</textarea>
<script type="text/javascript">
        tinyMCE.init({
            mode : "textareas",
            theme : "advanced"
        });
</script>

测试内容
tinyMCE.init({
模式：“文本区域”，
主题：“高级”
});

这里的问题是，您并没有将html元素加载到名为“content”的div中，而是加载了整个页面。这是行不通的。您需要做的是只插入一个html元素

我使用了您的代码，当您的editor.html包含以下内容时，它可以工作：

<textarea cols="50" rows="5"  id="editor" name="editor">test content</textarea>
<script type="text/javascript">
        tinyMCE.init({
            mode : "textareas",
            theme : "advanced"
        });
</script>

测试内容
tinyMCE.init({
模式：“文本区域”，
主题：“高级”
});

谢谢，它终于开始工作了。但是有没有办法通过ajax从editor.html文件加载tiny_mce.js？这就是我想要使用它的方式。是的，这是可能的，但你必须评估主页上的scriot，以使其工作，我想谢谢你，它终于开始工作了。但是有没有办法通过ajax从editor.html文件加载tiny_mce.js？这是我想使用它的方式。是的，这是可能的，但你必须评估主页上的scriot，以使其工作，我想