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