From b7143b51f3a50b6fac9c139d291c1fad017daee6 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期五, 08 十二月 2023 15:50:50 +0800 Subject: [PATCH] 使用tinymce富文本 --- src/views/safetyReview/law/components/lawDialog.vue | 10 ++++++---- 1 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/views/safetyReview/law/components/lawDialog.vue b/src/views/safetyReview/law/components/lawDialog.vue index 2f6cd50..dcc4a2e 100644 --- a/src/views/safetyReview/law/components/lawDialog.vue +++ b/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 -- Gitblit v1.9.2