Question

我想创建一个没有工具栏的CKEditor实例。我尝试在实例的配置

中定义一个空工具栏

oConfigName.toolbar = 'Custom';
oConfigName.toolbar_Custom = [];

但是我的实例得到了一个小的空工具栏，而不是没有工具栏。

我正在使用inline editing和CKEditor4。

Answer 1

哇:)这是我们在实现工具栏时没有想到的。但我刚检查过你可以删除工具栏插件，因为任何其他插件都不需要它。

所以不带工具栏的build your own CKEditor包或使用removePlugins配置 - 例如：

var editor = CKEDITOR.inline( 'editable', {
    removePlugins: 'toolbar'
} );

更新：在CKEditor 4.1中引入了Advanced Content Filter。在automatic mode中，它由加载到工具栏的按钮配置。如果没有toolbar插件，则未配置ACF，因此需要单独执行此操作：

var editor = CKEDITOR.inline( 'editable', {
    removePlugins: 'toolbar',
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];'
} );

Answer 2

将此行添加到 config.js 文件

config.removePlugins= 'toolbar'

Answer 3

我已将新功能添加到我的项目中以隐藏/显示工具栏。

＆＃13;

function onClickToolbarButton() {
    var bar = document.getElementById("cke_1_top");
    if(bar.style.display == "none"){
        bar.style.display = "block";
    }else{
        bar.style.display = "none";
    }

    //resize web page
    //onresize();
}

＆＃13;

如果您想要隐藏/显示工具栏，请每次调用此函数。

Answer 4

在CKEditor 4.9.2中：

当您设置编辑器时，请设置工具栏选项：

CKEDITOR.replace( 'editor1', {
    ...
    toolbar: []
});

Answer 5

我已关闭除斜体，粗体和带下划线的所有配置外的所有内容：

CKEDITOR.editorConfig = function( config ) {
    config.autoParagraph = false;
    config.toolbarGroups = [
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    ];

    config.removeButtons = 'Strike,Subscript,Superscript,RemoveFormat';
};

Answer 6

我见过两种方法：

1）使用removePlugins选项并删除工具栏：

CKEDITOR.inline( 'textarea', {
    removePlugins: 'toolbar',
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];'
} );

2）使用CSS-不是标准方法：（有点棘手）

只需使CSS即可显示：无工具栏，例如

.cke_inner {
    display: none;
}

希望它将对某人有所帮助。

Answer 7

在CKEditor 5中，不更改配置或编辑器行为的最简单方法是使用CSS隐藏工具栏：

.ck.ck-editor__top {
  display: none;
}

Answer 8

尝试display: none使用具有其ID或类的CSS：

示例：

#cke_19, #cke_18, #cke_22, #cke_46, #cke_45 {
    display:none;
}

#cke_45用于链接，#cke_46用于取消链接

一个接一个地关闭它们

我可以在没有工具栏的情况下使用CKEditor吗？

8 个答案: