0
TinyMCEでは、プラグインのポップアップウィンドウでリストボックスにオプションを追加したり削除したりするにはどうすればいいですか?TinyMCEリストボックスの要素を操作するにはどうしたらいいですか?
TinyMCEでは、プラグインのポップアップウィンドウでリストボックスにオプションを追加したり削除したりするにはどうすればいいですか?TinyMCEリストボックスの要素を操作するにはどうしたらいいですか?
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());
}
});
}
});
は、[この](http://stackoverflow.com/a/27919208/3828573)を見て、[TinyMCEの追加カスタムツールバー](http://www.devsumo.com/technotes/2014/を取ります06/tinymce-4-adding-custom-toolbar-icons-to-a-plugin /) – Shayan
ポップアップを開くメニュー項目を正常に追加しました。私はこのウィンドウにテキストボックスとリストボックスを持っています。ユーザーがテキストボックスに何かを入力すると、AJAXリクエストを行い、リストボックス内のすべてのオプションと他のものを削除したいというリクエストに依存します。 – kukko
私は最初のコメントを入れたチュートリアルですべてを扱うことができます。ポップアップの場合はポップアップで、そうでない場合はポップアップを作成するために別のライブラリを使用してください – Shayan