vue富文本编辑器Tinymce是否可编辑

<el-form-item label="内容：">
    <!-- 富文本编辑器 -->
    <div class="disable" v-if="isAudit">
        <Tinymce v-model="content" @onClick="onClick" ref="editor" style="width:800px" />
    </div>
    <div v-else>
        <Tinymce v-model="content" @onClick="onClick" ref="editor" style="width:800px" />
    </div>
</el-form-item>

css中：

.disable{
  position:relative;
  left:0;
  top:0;
  opacity:.5;
  width:50%;//根据自己的富文本宽调整
  height:300rpx;
  background:#000;
  z-index:998;
}

当isAudit为true时 不可编辑 通过遮罩层来实现的。