css - CKEDITOR 添加样式

Question

我正在尝试以编程方式为 CKEDITOR 4 设置一些 css。这是因为当新用户来到编辑器时，我想用不同的颜色来识别他。

在已注册的样式数组中，我确实看到了添加的行 (CKEDITOR.stylesSet.registered.user0)。但是样式在编辑器中不可见？为什么是这样？我做错了什么？

setStyling: function(editor)
{
    var userIds = this.getUserIds(editor);// returns an array with id's
    var colors = editor.config.Colors;    // Colors are set in the config

    for(var i = 0; userIds.length > i; i++)
    {
        if(CKEDITOR.stylesSet.get('user' + i) === null)
        {
            CKEDITOR.stylesSet.add('user' + i, [
                { name: 'userColor', element: 'span[data-uid="' + userIds[i] +'"]', styles: { color: colors[i] }}
            ]);
        }
    }
}

Answer 1

另一种方法完成了这项工作:

    var $head = $("iframe").contents().find("head");
    var $style = $("iframe").contents().find("#uniqueStyle");
    var css = "";

    for(var i = 0; userIds.length > i; i++)
    {
        css += "span[data-uid='" + userIds[i] + "'] { color: " + colors[i] + "; } ";
    }

    if($style)
    {
        $style.remove();
    }

    $('<style id="uniqueStyle" type="text/css"></style>')
        .html(css)
        .appendTo($head);