Question

我正在使用CKEditor并在config.js文件中定义了一个自定义工具栏。

CKEDITOR.editorConfig = function (config) {
config.toolbar = 'MyToolbar';
config.uiColor = '#f6f6f6';


config.toolbar_MyToolbar =
[
    { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] },

    { name: 'colors', items: ['TextColor'] },
    { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight'] },
    { name: 'styles', items: ['Font', 'FontSize'] },
];};

然而，我需要做另一个自定义工具栏，以便在同一页面上使用不同的选项。我尝试使用下面的代码配置第二个工具栏并且它工作，但它停止了所有其他可编辑元素。

CKEDITOR.inline("editor1", {   
    extraPlugins: 'sourcedialog',
    toolbar: [
{ name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] },
{ name: 'colors', items: ['TextColor'] },
{ name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight'] },
{ name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['NumberedList', 'BulletedList'] },
{ name: 'links', items: ['Link', 'Unlink'] },
{ name: 'insert', items: ['Image'] },
'/',{ name: 'styles', items: ['Font', 'FontSize', 'Sourcedialog'] }]});

我知道有办法解决这个问题，因为在官方网站上他们有多个自定义工具栏，所有工作正常 http://sdk.ckeditor.com/samples/inline.html

感谢您的时间和帮助。

多个Ckeditor内联编辑器，带有自定义工具栏选项

0 个答案: