如何在单击时在 jquery 模态窗口中显示 TinyMCE 编辑器

【问题标题】：How to show TinyMCE editor in jquery modal window on click如何在单击时在 jquery 模态窗口中显示 TinyMCE 编辑器
【发布时间】：2012-01-19 10:57:27
【问题描述】：

我已经制作了一个博客应用程序，其中我有这个用于撰写博客的表格。它有一个title 字段、一个用于博客正文的tinymce editor 实例、一个用于添加tags 的文本字段和提交按钮。

我想要做的是默认情况下在页面加载时向用户显示整个表单。用户可以填写标题。现在，当用户打开文本编辑器时，点击后会有一个按钮，只有文本编辑器会在模式窗口中打开，用户可以输入。

一旦用户点击十字，文本就会被复制到底层的文本编辑器中。我不太擅长 javascript，而且我看过一些博客，但这并没有帮助。任何方向将不胜感激。我正在添加博客页面外观的快照。

【问题讨论】：

【解决方案1】：

您需要首先使用以下内容初始化您的 TinyMCE 编辑器（添加您想要的任何选项）：

$(function() {
    tinyMCE.init({
            mode: "none",
            theme: "simple",
    });

    //whatever code
});

您可以设置任何您喜欢的mode，但我将使用动态创建（模式：无），因为它为您提供了更多控制权。在“任何代码”中初始化您的模态，然后使用以下代码在模态中创建您的编辑器：

tinyMCE.execCommand('mceAddControl', false, 'id_of_textarea');

要获取/设置编辑器的内容，您可以这样做：

tinyMCE.activeEditor.getContent();
tinyMCE.activeEditor.setContent('data in here');

您需要在关闭模态之前关闭 tinyMCE 编辑器，否则下次打开模态时它将无法加载。要关闭它，您需要执行以下代码：

tinyMCE.execCommand('mceRemoveControl', false, 'id_of_textarea');

【讨论】：