如何创建 TinyMCE 对话框？

Question

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

1. 用户要么在 TinyMCE 编辑器中选择文本，要么不选择
2. 用户点击按钮
3. 对话框打开，其中三个字段之一中的选定文本（我希望能够从编辑器中的完整 URL 创建 bit.ly 链接）
4. 用户单击“确定”，神奇的事情发生了，他们将与新更改的内容一起发送回编辑器。

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

Answer 1

有关如何在 TinyMCE 中创建对话框/提示的教程已移动，一些有关如何执行此操作的示例已消失。有一个涵盖creating plugins and dialogs for TinyMCE 4 的新教程。

相关部分是：

// 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);
        }
});

Answer 2

最简洁的方法是使用 TinyMCE 插件。

在 TinyMCE 网站上有一个tutorial to creating a plugin。这使用了 TinyMCE 下载包中的 example 插件。

好消息是示例插件采用选定的文本，并将其显示在对话框中。这应该为您提供了一个可以构建的基本框架。