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

Question

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

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

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

在此处输入图像描述

score 3 · Accepted Answer

您需要首先使用以下内容初始化您的 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');

1 回答 1