ckeditor 5在读取模式下未禁用自定义插件

Question

现在，我将自定义插件集成到CKEditor 5中。我使用CKEditor 5 文档。 我也有一个自定义的“超级”构建（类似于此示例）。

现在，我的问题是，我的插件将不会在CKEditor读取模式下被禁用（如在按钮处的图像中所示）。 ckeditor documentation 提到这应该是“应该是”默认的“插件 /按钮的行为”。

如果有人知道我出了什么问题，那将是非常感谢的！

这是我自定义插件类的骨架示例。

import { Plugin } from 'ckeditor5/src/core';
import { ButtonView } from 'ckeditor5/src/ui';

import ckeditor5Icon from './icons/insertvariable.svg';

export default class HWInsertVariable extends Plugin {
    static get pluginName() {
        return 'HWInsertVariable';
    }

    init() {
        const that = this;
        const editor = this.editor;
        const model = editor.model;

        let labelTxt = 'Variable einfügen';

        editor.ui.componentFactory.add( 'hwInsertVariableButton', locale => {
            const view = new ButtonView( locale );

            view.set( {
                label: labelTxt,
                icon: ckeditor5Icon,
                tooltip: true,
                affectsData: true
            } );

            this.listenTo( view, 'execute', () => {
                model.change( writer => {
                    that.buttonClicked();
                } );

                editor.editing.view.focus();
            } );

            return view;
        } );
    }

    buttonClicked() {
        //code
    }
}

Answer 1

我不确定解决此问题的正确方法是什么，因为我也面临着同样的方法。但是到目前为止，我发现的是，可能会有一种解决这个问题的方法。

查看有关“ 禁用命令”，读取“模式”的文档，并注意CSS类” ck-disabled “

如果/我找到了一种工作方式，我将尝试回到这里并发布更好的解决方案

---

更新：
当我发现我在my_plugin_ui.js中缺少代码部分时，我为我解决了这个问题。

  const command = editor.commands.get('nameOfCommand');

  // Execute the command when the button is clicked (executed).
  buttonView.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');