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

Question

我制作了一个博客应用程序，其中有用于编写博客的表单。它有一个 title 字段、一个用于博客正文的 tinymce 编辑器 实例、一个用于添加标签 的文本字段以及提交按钮。

我想要做的是默认情况下在页面加载时向用户显示整个表单。用户可以填写标题。现在，当用户使用文本编辑器时，将有一个按钮，单击该按钮将仅在模式窗口中打开文本编辑器，并且用户可以在该按钮中键入内容。

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

Answer 1

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

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

    //whatever code
});

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

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

要获取/设置编辑器的内容，您需要执行以下操作：

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

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

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