一:项目产品需求
提前说一下
“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;}