CKEditor(5) -如何删除选择表小部件？
CKEditor(5) -如何删除选择表小部件？
提问于 2019-07-02 06:41:18
我需要删除用于表选择的小部件，以防止选择并可能在之后删除整个表。
我只想显示和编辑表数据，我得到的原始html字符串，没有任何其他功能，工具栏，小工具，...
隐藏这个小部件可以通过删除类名来完成，但我希望有更好的方法来做到这一点。
我认为这个小部件是Table插件的一部分。
我想要得到更清晰的外观，就像这样：
我使用的是"react": "^16.8.3"和"@ckeditor/ckeditor5-react": "^1.1.3"。
这是我的CKEditor React组件配置。
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
...
<CKEditor
editor={ClassicEditor}
config={{
toolbar: null // To remove default CKEditor toolbar
}}
data={tableContent}
disabled={disabled}
/>回答 2
Stack Overflow用户
发布于 2019-07-02 21:20:40
我们不支持此功能(不可能通过编辑器配置来实现此功能)，但是，如果您想尝试自己编写它，我们可以向您指出两个方向/想法。
- 当表格变为选中状态时，您可以打开只读模式。这应该可以防止任何修改，除了将选择移动到另一个位置。当选择为changed.
- Similarly，时关闭只读模式如果选择了表，则可以禁用
DeleteCommand.
要检查表是否被选中，您需要检查模型选择是否恰好包含表元素。
下面，我将链接到API文档的重要部分：
editor.model.document.selectioneditor.isReadOnlyCommandclass -检查methodseditor.commands和forceDisabled-获取命令clearForceDisabled
Stack Overflow用户
发布于 2019-07-03 16:19:36
毕竟，我只是把小部件藏起来了。它不会完全阻止选择，但它看起来更干净，“选择”空间非常狭窄。
.ck.ck-widget__selection-handler {
display: none;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred > figure,
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused > figure {
margin: 16px 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56843285
复制相关文章
相似问题
腾讯云开发者
