vue-ueditor-wrap 怎么禁止编辑
时间: 2023-09-05 20:12:11 浏览: 206
要禁止vue-ueditor-wrap编辑,可以通过设置contentEditable属性为false来实现。在给定的引用和引用中,可以看到两种实现方法。
方法一:在ready方法中设置contentEditable属性为false
在引用中的isEditUeditor函数中,可以看到以下代码片段:
```
document.getElementById('ueditor_0').contentWindow.document.getElementsByTagName('body')[0].contentEditable = false;
```
这行代码将body元素的contentEditable属性设置为false,从而禁止编辑。
方法二:在ready方法中使用editor实例的setDisabled方法
在引用中的ready方法中,可以看到以下代码片段:
```
this.$refs.ueditor_v.editor.body.contentEditable = false;
```
这行代码将editor实例的body元素的contentEditable属性设置为false,从而禁止编辑。
所以,如果想要禁止vue-ueditor-wrap编辑,你可以选择其中一种方法来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)](https://blog.csdn.net/snowball_li/article/details/122170339)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue 使用 ueditor 编辑器,设置不可编辑和可编辑,笔记,补充打开右键功能](https://blog.csdn.net/cscscssjsp/article/details/103909461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文