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

Question

我已经创建了一个博客应用程序，我可以使用此表单来编写博客。它有一个title字段，博客正文的tinymce editor个实例，添加tags的文本字段和提交按钮。

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

用户单击十字后，文本将复制到基础文本编辑器。我对javascript并不擅长，我看了几个博客，但这没有帮助。任何方向将非常感谢。我正在添加博客页面的快照。

Answer 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');