首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Javascript中存储多个参数和值

在Javascript中存储多个参数和值
EN

Stack Overflow用户
提问于 2017-01-19 02:46:23
回答 2查看 57关注 0票数 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行的代码。如果可能,我如何存储这些值以便在脚本中的任何地方重用?

示例(结构化的,当然不起作用):

代码语言:javascript
复制
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'
}";
EN

回答 2

Stack Overflow用户

发布于 2017-01-19 02:50:26

代码语言:javascript
复制
window.yourGlobalVariable = ...;

下面是线程Define global variable in a JavaScript function

票数 0
EN

Stack Overflow用户

发布于 2017-01-19 07:04:14

谢谢大家,我在这里找到了我的答案:https://wordpress.stackexchange.com/questions/214652/insert-dynamic-listbox-options-in-tinymce-popup-editor

在main tinymce函数中:

代码语言:javascript
复制
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;
}

任何显示图标的列表框都将是:

代码语言:javascript
复制
{
    type: 'listbox',
    name: 'caixa_icone',
    label: 'Icon²',
    'values': get_icon_list(),
}

和一些CSS:

代码语言:javascript
复制
.mce-menu-has-icons i.mce-ico:before {font: 15px FontAwesome;}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41727141

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档