Question

我在一个页面上有多个ckeditor实例。当var x为true时，我想禁用粗体按钮。当x为false时，我想保持启用状态。

假设我有4个实例：

instance1：bold enabled
instance2：bold enabled
instance3：粗体已停用
instance4：bold enabled

我试图用CSS隐藏ckeditor instanceReady上的粗体按钮但是因为我总是隐藏错误的元素等而无法成功。

我想知道你们中是否有人正在研究类似的问题？

Answer 1

创建一个CSS类：

.hide_cke_button {
    display: none !important;
}

然后使用jQuery：

CKEDITOR.instances.editor3.on('instanceReady', function(evt) {
    if (x) {
        $('#cke_editor3').find('.cke_button__bold').addClass('hide_cke_button');
    }
});

Answer 2

您可以使用配置选项删除按钮。这里有一些示例： https://codepen.io/msamsel/pen/OxZBoM

CKEDITOR.replace( 'editor1' );
CKEDITOR.replace( 'editor2', {
  removeButtons: 'Bold'
} );
CKEDITOR.replace( 'editor3' );
CKEDITOR.replace( 'editor4' );

此处链接到有关按钮隐藏的文档： https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-removeButtons

如何在CKEDITOR中禁用粗体按钮

2 个答案: