【Tinymce富文本】如何实现disabled和readonly效果

一：项目产品需求

提前说一下
“tinymce”: “^5.9.2”,我用的5.9版本哈

• 要实现根据条件判断这个富文本是否可以编辑

这里我们最开始尝试了一下:disabled=“true” 和readonly都没有用 ，刷新以后全部失效
然后google一番，并且看了官方文档都没有用哈哈哈哈哈

 <div class="tinymacClass">
          <Tinymce :showImageUpload="false" :disabled="true" v-model="model[field]" width="100%" />
</div>

• 因此我通过css定位来解决了这个问题，能用css html解决的，不用js

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