2017-01-18 3 views
1

私はtinyMCEプラグインで作業しており、FontAwesomeアイコンの完全なリストを表示する必要があります。このコードを表示するには、次のコードを使用します(複数のパラメータと値をJavascriptに保存する

)。
{ 
    type: 'listbox', 
    name: 'caixa_icone', 
    label: 'Icon²', 
    'values': [ 
    { 
     text:'address-book', 
     value:'address-book', 
     icon:' fa fa-address-book' 
    }, 
    { 
     text:'address-book-o', 
     value:'address-book-o', 
     icon:' fa fa-address-book-o' 
    }, 
    { 
     text:'anchor', 
     value:'anchor', 
     icon:' fa fa-anchor' 
    }, 
    { 
     text:'archive', 
     value:'archive', 
     icon:' fa fa-archive' 
    }, 
    { 
     text:'area-chart', 
     value:'area-chart', 
     icon:' fa fa-area-chart' 
    }, 
    // ETC... 

アイコンを表示するすべての値は、5k行のコードになります。可能であれば、これらの値を保存してスクリプト内のどこかで再利用する方法はありますか?

例(構造、もちろん動作していない):

var variables = "{ 
    text:'address-book', 
    value:'address-book', 
    icon:' fa fa-address-book' 
}, 
{ 
    text:'address-book-o', 
    value:'address-book-o', 
    icon:' fa fa-address-book-o' 
}"; 
ここ
+0

見て、グローバル名前空間でそれを保存しますか? http://stackoverflow.com/questions/31222765/javascript-singleton-pattern – Snowmonkey

答えて

0

はあなたのすべてをありがとうスレッドだ、私はここからではないので、少し助けを借りて、私の答えを見つけた:https://wordpress.stackexchange.com/questions/214652/insert-dynamic-listbox-options-in-tinymce-popup-editor

これは主要なtinymce機能の中で:

var textt = new Array(''); 
var variables = [ 
    "address-book", "address-book-o", "gear", "user" // ETC 
]; 
var arrayLength = variables.length; 

function get_icon_list() { 
    var result = []; 
    var res = []; 
    for (var i = 0; i < arrayLength; i++) { 
     textt.push("{text:'"+ variables[i] +"', value:'"+ variables[i] +"', icon:' fa fa-"+ variables[i] +"'}");   

     res[i] = {}; 
     res[i]['text'] = variables[i]; 
     res[i]['value'] = variables[i]; 
     res[i]['icon'] = ' fa fa-'+variables[i]; 
     result.push(res[i]); 

    } 
    return result; 
} 

アイコンを示す任意のリストボックスには、次のようになります。

{ 
    type: 'listbox', 
    name: 'caixa_icone', 
    label: 'Icon²', 
    'values': get_icon_list(), 
} 

そして、いくつかのCSS:JavaScriptのシングルトンパターンで

.mce-menu-has-icons i.mce-ico:before {font: 15px FontAwesome;} 
関連する問題