查看详情禁用富文本

zhaoxiaoqiang

2023-09-07 05166e6f2dc2e46219f6c3f82b6cc407f78c234e

查看详情禁用富文本

 src/components/Tinymce/plugins.js

@@ -1,7 +1,7 @@
// Any plugins you want to use has to be imported
// Detail plugins list see https://www.tinymce.com/docs/plugins/
// Custom builds see https://www.tinymce.com/download/custom-builds/

const plugins = ['advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount']
// const plugins = ['advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount']
const plugins = ['advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr  imagetools insertdatetime  lists  nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus template textcolor textpattern visualblocks visualchars wordcount']

export default plugins

 src/views/qyp-project-management/index.vue

@@ -103,7 +103,9 @@
              <uploadImg v-if="addProd" @sendList="imgSet($event,'qyFilePath')"     :disabled="disabled" :defaultList="qyFilePath"></uploadImg>
            </el-form-item>
            <el-form-item label="活动规则" prop="ruleContent">
              <tinymce v-if="addProd" v-model="ruleForm.ruleContent" :disabled="disabled" :height="300" />
              <div :class="{'tinymce_disable':disabled}">
                <tinymce v-if="addProd" v-model="ruleForm.ruleContent" :disabled="disabled" :height="300" />
              </div>
            </el-form-item>
            <el-form-item style="text-align:right;" v-if="!disabled">
              <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
@@ -490,6 +492,16 @@
    .tips{
      color: #f56c6c;
    }
    .tinymce_disable{
      position:relative;
      left:0;
      top:0;
      opacity:.5;
      width:100%;//根据自己的富文本宽调整
      background-color:#000;
      z-index:998;
      pointer-events: none;
    }
  }
  </style>