From f96b425b531a70c541b63b66f7b18c1d1b87fb1d Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期三, 16 七月 2025 10:18:05 +0800
Subject: [PATCH] 修改新增
---
src/components/Tinymce/Tinymce.vue | 30 +++++++++++++++++++++++++-----
1 files changed, 25 insertions(+), 5 deletions(-)
diff --git a/src/components/Tinymce/Tinymce.vue b/src/components/Tinymce/Tinymce.vue
index 830a531..fef35bd 100644
--- a/src/components/Tinymce/Tinymce.vue
+++ b/src/components/Tinymce/Tinymce.vue
@@ -12,6 +12,7 @@
import tinymce from "tinymce/tinymce";
import Editor from "@tinymce/tinymce-vue";
import { upload } from "@/api/backManage/notice";
+import 'tinymce-paragraphspacing'
import "tinymce/themes/silver";
import "tinymce/themes/silver/theme";
import "tinymce/icons/default/icons";
@@ -23,6 +24,7 @@
import "tinymce/plugins/wordcount";
import "tinymce/plugins/fullscreen";
import "../../../public/tinymce/plugins/upfile/index";
+import "../../../public/tinymce/plugins/formatpainter/plugin.min";
import {getToken} from "@/utils/auth";
// import "tinymce/plugins/upfile";
// import "tinymce/plugins/attachment";
@@ -36,17 +38,21 @@
type: String,
default: ""
},
+ height: {
+ type: Number,
+ default: 500
+ },
disabled: {
type: Boolean,
default: false
},
plugins: {
type: [String, Array],
- default: "upfile lists image table wordcount fullscreen "
+ default: "formatpainter paragraphspacing upfile lists image table wordcount fullscreen "
},
toolbar: {
type: [String, Array],
- default: " styleselect fontsizeselect | undo redo | upfile image bold italic | fontselect |alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists insertfile table | removeformat fullscreen "
+ default: " styleselect fontsizeselect paragraphspacing formatpainter | upfile image bold italic | fontselect |alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | undo redo | lists insertfile table | removeformat fullscreen "
}
},
data() {
@@ -58,15 +64,29 @@
language: "zh_CN",
skin_url: "/tinymce/skins/ui/oxide", // skin路径
content_css: '/tinymce/skins/content/default/content.css',
- height: 500, // 编辑器高度
+ height: this.height? this.height : 500, // 编辑器高度
branding: false, // 是否禁用“Powered by TinyMCE”
- menubar: true, // 顶部菜单栏显示
+ menubar: false, // 顶部菜单栏显示
plugins: this.plugins,
toolbar: this.toolbar,
relative_urls: false,
remove_script_host: true,
statusbar: false,
- images_upload_handler: async (blobInfo, success, failure) => {
+ font_formats: '默认字体=default;' +
+ 'Arial=arial,helvetica,sans-serif;' +
+ '楷体=KaiTi, "Kai", serif;' +
+ '圆体=Microsoft YaHei UI, sans-serif;' +
+ '思源宋体=Source Han Serif SC, serif;' +
+ '宋体=SimSun, NSimSun, "Songti SC", serif;' + // Windows宋体
+ '新宋体=NSimSun, serif;' +
+ '黑体=SimHei, "Microsoft YaHei", "PingFang SC", sans-serif;' + // Windows黑体
+ '微软雅黑=Microsoft YaHei, sans-serif;' +
+ '仿宋=FangSong, "Fang", serif;',
+ fontsize_formats: "8pt 10pt 12pt 13pt 14pt 18pt 24pt 36pt",
+
+ // 字体样式应用到文本时使用 <span> 而非 <font>
+ inline_styles: true,
+ images_upload_handler: async (blobInfo, success, failure) => {
const formData = new FormData(); // 和后端协商后用formData格式进行传参
formData.append("file", blobInfo.blob());// 传递的参数
formData.append("Authorization", getToken());// token值
--
Gitblit v1.9.2