使用tinymce富文本

zhouwenxuan

2023-12-08 b7143b51f3a50b6fac9c139d291c1fad017daee6

 src/views/safetyReview/law/components/lawDialog.vue

@@ -40,7 +40,8 @@
                    <span v-else>{{state.form.pubDate}}</span>
                </el-form-item>
                <el-form-item label="内容:" v-if="showEditor"  required>
                    <we-editor ref="myEditor"  :propData="state.form.content" @childFn="getEditorData" />
<!--                    <we-editor ref="myEditor"  :propData="state.form.content" @childFn="getEditorData" />-->
                    <t-editor style="width: 800px" ref="myEditor" :value="state.form.content" ></t-editor>
                </el-form-item>
                <el-form-item label="内容:" v-else>
                    <div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;" >
@@ -62,6 +63,7 @@
<script setup>
import {reactive, ref, toRefs} from 'vue'
import weEditor from "@/components/WeEditor/index.vue";
import TEditor from "@/components/Tinymce/Tinymce.vue"
import {ElMessage} from "element-plus";
import {addLaw, editLaw, getLawDetail} from "@/api/backManage/law";
import axios from "axios";
@@ -163,12 +165,12 @@
            } else {
                this.$message.error('获取文件失败')
            }
            this.handleClose();
            // this.handleClose();
        })
    }
}
const onSubmit = async () => {
    myEditor.value.submit();
    state.form.content = tinyMCE.activeEditor.getContent();
    const valid = await lawRef.value.validate();
    if(valid){
        if(state.form.content == "") {
@@ -223,7 +225,7 @@
}

const handleClose = () => {
    if(title ==="新增"|| title ==='编辑'){
    if(title.value ==="新增"|| title.value ==='编辑'){
        myEditor.value.clear();
        showEditor.value=false