Question

我在页面上有多个CKEDITOR内联实例。

我希望能够为每个工具栏自定义工具栏，以便在每个工具栏中显示不同的字体。

所以我有以下内容：

CKEDITOR.disableAutoInline = true;
var editor1 = CKEDITOR.inline(document.getElementById('editable_476'));
CKEDITOR.config.toolbar = [ .....
];
CKEDITOR.config.font_names = 'Helvetica Nueue/Helvetica Nueue';

如果我有一个，那么效果很好但是如果我对另一个CKEDITOR实例使用相同的代码，则会覆盖该字体。

如何为不同的CKEDITOR实例使用不同的工具栏？

由于

更新：

CKEDITOR.inline( editable_498, {
   toolbar: [
     ['Bold','Italic','Underline'],
     ['NumberedList','BulletedList'],
     ['JustifyLeft','JustifyCenter','JustifyRight'],
     ['Undo','Redo'],
     '/',
     ['TextColor','Font','FontSize']
   ],
   font_names: 'Helvetica Nueue/Helvetica Nueue';
});

这会引发语法错误：

Uncaught SyntaxError: Unexpected token ;

该行是font_names: 'Helvetica Nueue/Helvetica Nueue';

Answer 1

使用每个实例配置：

CKEDITOR.inline( element, {
    toolbar: [
        ...
    ],
    font_names: '...'
});

CKEDITOR.config是所有实例都从中继承的东西。对特定实例使用config，它将覆盖CKEDITOR.config的全局规则。

请参阅official configuration guide。

CKEDITOR内联和多个工具栏

1 个答案: