javascript - 如何从 tinymce 列表框控件项中获取属性值

Question

我试图在 onselect 事件中获取项目'data-id'属性，但没有运气。

这是我的代码：

    createControl: function (n, cm) {
        switch (n) {
            case 'ColorTextBox':
                var mlb = cm.createListBox('ColorTextBox', {
                    title: 'color texto',
                    onselect: function (v) {
                        var ed = tinymce.activeEditor;
                        ed.formatter.register('custom_format', { inline: 'span', styles: { color: '%value' }, classes: 'color_text', attributes: { 'data-color': '%value' } });
                        ed.formatter.apply('custom_format', { value: v });
                    }
                });

                for (i in CssStyles.colors.text) {
                    mlb.add('color texto #' + i, CssStyles.colors.text[i], attributes = { 'data-id': i });  //-> Is this attribute reachable from onselect event or is there a way?
                }

                return mlb;
                break;
            }
        }
    }

有什么建议么？非常感谢你。

Answer 1

好的，解决了。方法是通过从 mlb 对象进行迭代以获取与列表项中相同的属性 data-id。也许不是最好的方法，但目前，我找不到更好的方法。

这是修改后的代码：

createControl: function (n, cm) {
    switch (n) {
        case 'ColorTextBox':
            var mlb = cm.createListBox('ColorTextBox', {
                title: 'color texto',
                onselect: function (v) {
                    var ed = tinymce.activeEditor;
                    var id;

                    for (i in mlb.items) {
                        if (mlb.items[i]['data-color'] == v) {
                            id = mlb.items[i]['data-id'];
                        }
                    }

                    ed.formatter.register('custom_format', { inline: 'span', styles: { color: '%value' }, classes: 'colors_text_' + id, attributes: { 'data-index': '%value' } });
                    ed.formatter.apply('custom_format', { value: v });
                }
            });

            for (i in CssStyles.colors.text) {
                mlb.add('color texto #' + i, CssStyles.colors.text[i], attributes = { 'data-id': i, 'data-color': CssStyles.colors.text[i] });
            }

            return mlb;
            break;
        }
    }
}

我希望能有所帮助。问候。