ckeditor - 如何禁用 CKEditor 5 中的自定义工具栏按钮?

标签 ckeditor ckeditor5

我从 CKEditor 5's framework docs 实现了图像插入 简单插件 示例的一个版本.

但该示例并未介绍如何在设置编辑器的 isReadOnly 属性时禁用该项目(就像所有标准按钮的默认情况一样)。我 found docs对于 isEnabled Prop 以及 ButtonViewbind 方法,但它引用了使用 command 项的示例,而不是 view 项。问题是,Simple Plugin 示例不会创建要绑定(bind)到的命令。

所以问题是我是否需要创建命令,或者是否有其他方法可以使 View 项的状态对编辑器实例的只读状态敏感。

谢谢,如果我遗漏了任何需要的上下文,我深表歉意(刚开始在 SO 上发帖)。欢迎提供反馈(我知道你们都会鞭策我改变现状)。

最佳答案

噢,我想我明白了:

view.bind('isEnabled').to(editor, 'isReadOnly', isReadOnly => !isReadOnly);

只需要绑定(bind)到编辑器的可观察属性。似乎按照我的期望/预期工作。

关于ckeditor - 如何禁用 CKEditor 5 中的自定义工具栏按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62275104/

相关文章:

javascript - maxlength 在 ckeditor angularjs 指令的文本区域中不起作用

css - 如何更改 ckeditor iframe CSS 样式

使用在线构建生成器时,CKEditor5 工具栏未显示在 Angular 中

javascript - CKEditor 5 htmlEncodeOutput 不起作用

ckeditor - 以编程方式在 CKEditor 5 中插入 block 引号和新行

angular - 使用 CKEditor5 修改/捕获按键

javascript - 错误 : Cannot read property 'getAttribute' of null (ckeditor)

javascript - 滚动到 ckeditor 的底部

ckeditor - 我可以从它转换的元素中获得一个 CKEditor 实例吗?

php - CKEditor + Yii 加载 AJAX : $_POST doesn't contain the updated value