Javascript 多实例编辑器&；CKEDITOR.stylesSet.add

我使用的是ckeditorv3.x，一个页面上有多个实例。我必须为客户机添加自定义样式，因此我像这样使用CKEDITOR.stylesSet.add（如文档中所述）：

当一个页面上只有一个编辑器时，这确实有效。当我在一个页面上有更多编辑器时，我会出现以下错误（通过Firebug）：

未捕获异常：[CKEDITOR.resourceManager.add]资源名称“mystyles”已注册

结果是我根本找不到任何编辑。虽然这个错误似乎合乎逻辑，但我想以一种好的方式解决它。目前，我按照这个思路设法解决了这个问题，因此我解决了在页面上添加自定义样式的问题，而不是在配置中添加自定义样式的问题，如下所示：

CKEDITOR.replace('post_description', {
    stylesSet : 
    [
        { name : 'Quote onderschrift', element : 'p', attributes : { 'class' : 'quote_sub' } },
        { name : 'Inleiding', element : 'p', attributes : { 'class' : 'inleiding' } }
    ]
});:

---

如前所述，这对于强制我在需要自定义样式的所有页面上使用此修复程序是有效的。有没有更好的解决方案来解决这个问题？我更喜欢将样式添加到主配置文件中。

我在页面上只有一个编辑器时遇到了相同的错误。我通过在主配置中将

stylesSet

设置为我想要的样式定义来修复它

config.stylesSet = [
    {
        name: 'Blue Title',
        element: 'h3',
        attributes: { 'class': 'blue-title' },
        styles: { color: 'blue' }
    }, {
        name: 'Red Text',
        element: 'p',
        attributes: { 'class': 'red-text' },
        styles: { color: 'red' }
    }
];

---

这不是一个完美的解决方案，但它完成了任务。

嘿，乔，谢谢你的回答。我认为现在这将是我最好的解决方案，因为我可以在全球范围内设置样式而不会出错。谢谢分享！

config.stylesSet = [
    {
        name: 'Blue Title',
        element: 'h3',
        attributes: { 'class': 'blue-title' },
        styles: { color: 'blue' }
    }, {
        name: 'Red Text',
        element: 'p',
        attributes: { 'class': 'red-text' },
        styles: { color: 'red' }
    }
];