如何创建TinyMCE对话框？

Question

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

1. 用户选择是否在TinyMCE编辑器中选择文本
2. 用户点击按钮
3. 对话框将打开，其中包含三个字段之一中的所选文本（我希望能够在编辑器中从完整URL创建一个bit.ly链接）
4. 用户单击“确定”，发生魔术，然后使用新更改的内容将其发送回编辑器。

所以基本上，我真正需要的是知道如何让弹出窗口工作，至少目前是这样。麻烦的是：通过“tinymce popup”，“tinymce dialog”“tinymce prompt user”搜索所有内容都没有任何用处，我可以看到。

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下载包的一部分。

好消息是示例插件获取所选文本，并在对话框中显示它。这应该为您提供一个基础框架来构建。