如何創建TinyMCE對話框？

Question

好的，如果我能在TinyMCE的文檔中找到相關信息，那麼這個問題的答案真的很容易，但我不能。我想要做的是以下幾點：TinyMCE的編輯器中

1. 用戶要麼選擇文本或不
2. 用戶點擊按鈕
3. 對話在三個領域之一所選文本打開（我想能夠從編輯器中的完整URL創建一個bit.ly鏈接）
4. 用戶單擊確定，魔術發生，並且他們被髮送回編輯器，並帶有新更改的內容。

所以基本上，我真正需要的是知道如何使彈出式工作，至少現在。麻煩的是：通過「tinymce popup」，「tinymce dialog」，「tinymce prompt user」進行搜索，都沒有找到任何有用的東西。

Answer 1

最簡單的方法就是使用TinyMCE插件。

在TinyMCE網站上有一個tutorial to creating a plugin。這使用示例作爲TinyMCE下載包的一部分的插件。

好消息是示例插件將選定的文本並顯示在對話框中。這應該給你一個基礎框架來建立。

Answer 2

有關如何在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); 
     } 
});