<editor style=" width: 100%;" id="editor" :content.sync="editorText" :afterChange="afterChange()" pluginsPath="../../../static/kindeditor/plugins/" :loadStyleMode="false" @on-content-change="onContentChange" ></editor>给控件和内容够都置灰
时间: 2024-02-14 09:05:11 浏览: 110
要将 KindEditor 编辑器的整个控件和内容都置灰,可以通过以下步骤实现:
1. 获取编辑器的 DOM 对象。
2. 给该 DOM 对象添加 `disabled` 属性,使其变为灰色不可用状态。
3. 遍历编辑器中的所有子元素,将它们也都置灰。
例如,假设要将上述代码中的 KindEditor 编辑器整个控件和内容都置灰,可以在初始化编辑器之后,通过以下代码实现:
```javascript
var editorEl = document.getElementById('editor');
editorEl.setAttribute('disabled', true);
$(editorEl).find('*').attr('disabled', true);
```
其中,`editorEl` 是编辑器的 DOM 对象,`setAttribute` 将其置灰,`$(editorEl).find('*')` 遍历所有子元素,将它们也都置灰。需要注意的是,这种方式只是将编辑器的外观置灰,实际上编辑器还是可以输入内容和进行其他操作的,如果需要完全禁用编辑器,可以将其销毁并重新创建。
阅读全文