2016-04-10 15 views
0

TinyMCEでは、プラグインのポップアップウィンドウでリストボックスにオプションを追加したり削除したりするにはどうすればいいですか?TinyMCEリストボックスの要素を操作するにはどうしたらいいですか?

+0

は、[この](http://stackoverflow.com/a/27919208/3828573)を見て、[TinyMCEの追加カスタムツールバー](http://www.devsum​​o.com/technotes/2014/を取ります06/tinymce-4-adding-custom-toolbar-icons-to-a-plugin /) – Shayan

+0

ポップアップを開くメニュー項目を正常に追加しました。私はこのウィンドウにテキストボックスとリストボックスを持っています。ユーザーがテキストボックスに何かを入力すると、AJAXリクエストを行い、リストボックス内のすべてのオプションと他のものを削除したいというリクエストに依存します。 – kukko

+0

私は最初のコメントを入れたチュートリアルですべてを扱うことができます。ポップアップの場合はポップアップで、そうでない場合はポップアップを作成するために別のライブラリを使用してください – Shayan

答えて

0
editor.addMenuItem('insertValue', { 
     text: 'Menu item text', 
     context: 'tools', 
     onclick: function() { 
      availableElements=[ 
       { 
        text:'Start typing into the search box' 
       } 
      ]; 
      var w=editor.windowManager.open({ 
       title: 'Pop up window title', 
       body:[ 
        { 
         type:'textbox', 
         name:'title', 
         label:'Search', 
         onkeyup:function(e){ 
          $.post('THE URL WHICH GIVE BACK THE OPTIONS AS A JSON').done(function(response){ 
           response=JSON.parse(response); 
           for (i in availableElements){ 
            availableElements.pop(); 
           } 
           if (typeof response.data!=="undefined"){ 
            for (i in response.data){ 
             availableElements.push({ 
              value:response.data[i].id, 
              text:response.data[i].title 
             }); 
            } 
           } 
          }); 
         } 
        }, 
        { 
         type:'listbox', 
         name:'id', 
         label:'Insert this value', 
         values:availableElements 
        } 
       ], 
       width:600, 
       height:200, 
       buttons: [ 
        { 
         text:'Insert', 
         onclick:'submit', 
         class:'mce-primary' 
        }, 
        { 
         text:'Cancel', 
         onclick:'close' 
        } 
       ], 
       onsubmit:function(){ 
        tinymce.activeEditor.execCommand('mceInsertContent', false, w.find("#id").value()); 
       } 
      }); 
     } 
    }); 
関連する問題