首页 文章

如何创建TinyMCE对话框?

提问于
浏览
8

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

  • 用户是否在TinyMCE编辑器中选择文本

  • 用户单击该按钮

  • 对话框打开,三个字段之一中的所选文本(我希望能够从编辑器中的完整URL创建一个bit.ly链接)

  • 用户单击“确定”,发生魔术,然后使用新更改的内容将其发送回编辑器 .

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

2 回答

  • 7

    有关如何在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);
            }
    });
    
  • 4

    做这样的事最干净的方法是使用TinyMCE插件 .

    在TinyMCE网站上有一个tutorial to creating a plugin . 这使用了作为TinyMCE下载包的一部分的示例插件 .

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

相关问题