wangEditor 设置某些元素只读

WangEditor 是一个基于 textarea 的富文本编辑器，它允许你在前端轻松地实现文本编辑功能。如果你想设置某些元素为只读，可以按照以下步骤操作：

1. 首先，确保已经在页面上初始化了 WangEditor 实例。例如：

<template>
  <div id="editor">
    <wang-editor v-model="content" :disabled="isReadOnly"></wang-editor>
  </div>
</template>

2. 在 JavaScript 中，创建一个字段 `isReadOnly` 来控制编辑器的读写状态：

<script>
export default {
  data() {
    return {
      content: '',
      isReadOnly: false, // 初始值设为 false，表示可编辑
    };
  },
  methods: {
    toggleReadOnly() {
      this.isReadOnly = !this.isReadOnly;
    },
  },
};
</script>

3. 添加一个方法如 `toggleReadOnly`，当需要切换到只读模式时，调用这个方法并更新 `isReadOnly` 属性。

4. 如果你想让某个元素一开始就是只读的，可以在模板中直接设置其 `disabled` 属性：

<wang-editor :disabled="true" />

然后，在需要的时候通过方法改变 `isReadOnly` 的值。