admin管理员组

文章数量:1642495

一：项目产品需求

提前说一下
“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;
  }

本文标签： 如何实现文本效果tinymcereadonly

版权声明：本文标题：【Tinymce富文本】如何实现disabled和readonly效果 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729318738a1195616.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。