如何创建TinyMCE对话框？

好的，如果我能在TinyMCE的文档中找到相关信息，这个问题的答案真的会容易得多，但我不能。我想做的是：

用户在TinyMCE编辑器中选择文本或不选择文本

用户单击按钮

对话框打开时，三个字段中的一个字段中包含所选文本（我希望能够从编辑器中的完整URL创建一个bit.ly链接）

用户单击OK，神奇的事情发生了，他们会被发送回编辑器，并带有新更改的内容

---

所以基本上，我真正需要的是知道如何使弹出窗口工作，至少现在是这样。问题是：通过“tinymce弹出窗口”、“tinymce对话框”、“tinymce提示用户”进行搜索时，我看不到任何有用的内容。

最干净的方法是使用tinymce插件

在TinyMCE网站上有一个。这使用了TinyMCE下载包中的示例插件

---

好消息是示例插件获取所选文本，并将其显示在对话框中。这将为您提供一个基本的框架。

关于如何在TinyMCE中创建对话框/提示的教程已经移动，一些关于如何创建对话框/提示的示例已经消失。有一个新的教程，涵盖

有关部分是：

// Open window
editor.windowManager.open({
    title: 'Example plugin',
        body: [
            {type: 'textbox', name: 'title', label: 'Title'}
        ],
        onsubmit: function(e) {
            // Insert content when the window form is submitted
            editor.insertContent('Title: ' + e.data.title);
        }
});

---

此链接现在已断开：（新的链接非常有用，文档也没有太大帮助，所以我继续写了一篇文章，列出了各种可用的小部件和容器布局：非常感谢Gagaro！官方文档几乎没有任何帮助，而你的文章+演示提供了一个关于所有可能性的好主意。@Gagaro，makina语料库链接现在已经取消了。）广告，“新”TinyMCE文档链接也是如此。