tinymce富文本可编辑和不可编辑状态之遮盖层

1.在template写两个Tinymce组件通过div来控制 一个遮盖一个不遮盖用的isShow控制的

<div class="tinymacClass" v-if="isShow">
    <TinymceIndex v-model="form.content" ref="editor"></TinymceIndex>
</div>
<div v-else>
    <TinymceIndex v-model="form.content" ref="editor"></TinymceIndex>
</div>

2.在css中添加tinymacClass的样式

.tinymacClass{
    position:relative;
    left:0;
    top:0;
    opacity:.5;
    width:100%;
    height:100%;
    background:#000;
    z-index:998;
}