如何创建TinyMCE对话框？

Question

好吧,如果我能在TinyMCE的文档中找到相关信息,那么这个问题的答案真的要容易得多,但我不能.我想做的是以下内容:

1. 用户可以选择TinyMCE编辑器中的文本
2. 用户单击该按钮
3. 对话框打开时,三个字段之一中的所选文本(我希望能够在编辑器中从完整URL创建一个bit.ly链接)
4. 用户单击"确定",发生魔术,然后使用新更改的内容将其发送回编辑器.

所以基本上,我真正需要的是知道如何让弹出窗口工作,至少目前如此.问题是:通过"tinymce popup","tinymce dialog""tinymce prompt user"搜索所有内容都没有任何有用的东西,我可以看到.

Answer 1

有关如何在TinyMCE中创建对话框/提示的教程已经移动,一些如何执行此操作的示例自此消失.有一个新的教程,涵盖了为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网站上有一个创建插件的教程.这使用了作为TinyMCE下载包的一部分的示例插件.

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