From 5c60024de114b86c112ecc8728f2566cb30933bb Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Tue, 9 May 2023 16:28:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=81=E7=94=A8=E7=9B=B8=E5=AF=B9=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/tinymce/index.vue  | 274 ++++++++++++------------
 src/views/components/tinymce2/index.vue |   2 +
 2 files changed, 141 insertions(+), 135 deletions(-)

diff --git a/src/views/components/tinymce/index.vue b/src/views/components/tinymce/index.vue
index 19e710b..19a1aeb 100644
--- a/src/views/components/tinymce/index.vue
+++ b/src/views/components/tinymce/index.vue
@@ -1,6 +1,6 @@
 /* eslint-disable */
 <template>
-  <textarea :id="tinymceId" style="visibility: hidden" />
+	<textarea :id="tinymceId" style="visibility: hidden" />
 </template>
 
 <script>
@@ -14,144 +14,148 @@ import nextTick from "dai-js/tools/nextTick";
 let num = 1;
 
 export default {
-  name: "Tinymce",
-  props: {
-    id: {
-      type: String,
-      default: () => {
-        num === 10000 && (num = 1);
-        return `tinymce${+new Date()}${num++}`;
-      },
-    },
-    value: {
-      default: "",
-    },
-    customerId: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {
-      tinymceId: this.id,
-    };
-  },
-  mounted() {
-    loadTinymce((tinymce) => {
-      let token = this.getUserToken();
-      // let uploadUrl = '1111'
-      let uploadUrl =
-        window.SITE_CONFIG["apiURL"] + "/oss/file/function/upload";
+	name: "Tinymce",
+	props: {
+		id: {
+			type: String,
+			default: () => {
+				num === 10000 && (num = 1);
+				return `tinymce${+new Date()}${num++}`;
+			},
+		},
+		value: {
+			default: "",
+		},
+		customerId: {
+			type: String,
+			default: "",
+		},
+	},
+	data() {
+		return {
+			tinymceId: this.id,
+		};
+	},
+	mounted() {
+		loadTinymce((tinymce) => {
+			let token = this.getUserToken();
+			// let uploadUrl = '1111'
+			let uploadUrl =
+				window.SITE_CONFIG["apiURL"] + "/oss/file/function/upload";
 
-      // :data="{customerId:customerId}"
-      // let uploadUrl = constants.userUploadUrl
-      // eslint-disable-next-line global-require
-      require("./zh_CN");
-      let conf = {
-        selector: `#${this.tinymceId}`,
-        language: "zh_CN",
-        menubar: "false",
-        skin_url:
-          "/" + process.env.VUE_APP_PUBLIC_PATH + "/tinymce/skins/ui/tduck",
-        content_style: "p {margin:3px 0; border:0px; padding:0px}",
-        content_css:
-          "/" +
-          process.env.VUE_APP_PUBLIC_PATH +
-          "/tinymce/skins/content/tduck",
-        cache_suffix: "?v=0.0.1",
-        plugins,
-        toolbar,
-        toolbar_drawer: "sliding",
-        toolbar_mode: "sliding",
-        height: 400,
-        // fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
-        branding: false,
-        object_resizing: false,
-        end_container_on_empty_block: true,
-        powerpaste_word_import: "clean",
-        // code_dialog_height: 450,
-        // code_dialog_width: 1000,
-        // autoresize_max_height: 450, // 编辑区域的最大高度
-        // autoresize_min_height: 350, //编辑区域的最小高度
-        advlist_bullet_styles: "square",
-        advlist_number_styles: "default",
-        default_link_target: "_blank",
-        link_title: false,
-        statusbar: false,
-        nonbreaking_force_tab: true,
-        // images_upload_url: uploadUrl,
-        images_upload_handler: function (blobInfo, succFun, failFun) {
-          var xhr, formData;
-          var file = blobInfo.blob(); // 转化为易于理解的file对象
-          xhr = new XMLHttpRequest();
-          xhr.withCredentials = false;
-          xhr.open("POST", uploadUrl);
-          xhr.setRequestHeader("token", token);
-          xhr.onload = function () {
-            var json;
-            if (xhr.status != 200) {
-              failFun("HTTP Error: " + xhr.status);
-              return;
-            }
-            json = JSON.parse(xhr.responseText);
-            if (!json || typeof json.data.url != "string") {
-              failFun("Invalid JSON: " + xhr.responseText);
-              return;
-            }
+			// :data="{customerId:customerId}"
+			// let uploadUrl = constants.userUploadUrl
+			// eslint-disable-next-line global-require
+			require("./zh_CN");
+			let conf = {
+				selector: `#${this.tinymceId}`,
+				language: "zh_CN",
+				menubar: "false",
+				skin_url:
+					"/" +
+					process.env.VUE_APP_PUBLIC_PATH +
+					"/tinymce/skins/ui/tduck",
+				content_style: "p {margin:3px 0; border:0px; padding:0px}",
+				content_css:
+					"/" +
+					process.env.VUE_APP_PUBLIC_PATH +
+					"/tinymce/skins/content/tduck",
+				cache_suffix: "?v=0.0.1",
+				plugins,
+				toolbar,
+				toolbar_drawer: "sliding",
+				toolbar_mode: "sliding",
+				height: 400,
+				// fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
+				branding: false,
+				object_resizing: false,
+				end_container_on_empty_block: true,
+				powerpaste_word_import: "clean",
+				// code_dialog_height: 450,
+				// code_dialog_width: 1000,
+				// autoresize_max_height: 450, // 编辑区域的最大高度
+				// autoresize_min_height: 350, //编辑区域的最小高度
+				advlist_bullet_styles: "square",
+				advlist_number_styles: "default",
+				default_link_target: "_blank",
+				link_title: false,
+				statusbar: false,
+				nonbreaking_force_tab: true,
+				// 禁止把图片路径改写成相对路径，也许是为了项目转移方便，但是文章有多个场景
+				convert_urls: false,
+				// images_upload_url: uploadUrl,
+				images_upload_handler: function (blobInfo, succFun, failFun) {
+					var xhr, formData;
+					var file = blobInfo.blob(); // 转化为易于理解的file对象
+					xhr = new XMLHttpRequest();
+					xhr.withCredentials = false;
+					xhr.open("POST", uploadUrl);
+					xhr.setRequestHeader("token", token);
+					xhr.onload = function () {
+						var json;
+						if (xhr.status != 200) {
+							failFun("HTTP Error: " + xhr.status);
+							return;
+						}
+						json = JSON.parse(xhr.responseText);
+						if (!json || typeof json.data.url != "string") {
+							failFun("Invalid JSON: " + xhr.responseText);
+							return;
+						}
 
-            succFun(json.data.url);
-          };
-          formData = new FormData();
+						succFun(json.data.url);
+					};
+					formData = new FormData();
 
-          formData.append("file", file, file.name); // 此处与源文档不一样
-          // formData.append('customerId', '111')
-          xhr.send(formData);
-        },
-      };
-      conf = Object.assign(conf, this.$attrs);
-      conf.init_instance_callback = (editor) => {
-        if (this.value) editor.setContent(this.value);
-        this.vModel(editor);
-      };
+					formData.append("file", file, file.name); // 此处与源文档不一样
+					// formData.append('customerId', '111')
+					xhr.send(formData);
+				},
+			};
+			conf = Object.assign(conf, this.$attrs);
+			conf.init_instance_callback = (editor) => {
+				if (this.value) editor.setContent(this.value);
+				this.vModel(editor);
+			};
 
-      tinymce.init(conf);
-    });
-  },
-  destroyed() {
-    this.destroyTinymce();
-  },
-  methods: {
-    vModel(editor) {
-      // 控制连续写入时setContent的触发频率
-      const debounceSetContent = debounce(250, editor.setContent);
-      this.$watch("value", (val, prevVal) => {
-        if (editor && val !== prevVal && val !== editor.getContent()) {
-          if (typeof val !== "string") val = val.toString();
-          debounceSetContent.call(editor, val);
-        }
-      });
+			tinymce.init(conf);
+		});
+	},
+	destroyed() {
+		this.destroyTinymce();
+	},
+	methods: {
+		vModel(editor) {
+			// 控制连续写入时setContent的触发频率
+			const debounceSetContent = debounce(250, editor.setContent);
+			this.$watch("value", (val, prevVal) => {
+				if (editor && val !== prevVal && val !== editor.getContent()) {
+					if (typeof val !== "string") val = val.toString();
+					debounceSetContent.call(editor, val);
+				}
+			});
 
-      editor.on("change keyup undo redo", () => {
-        this.$emit("input", editor.getContent());
-      });
-      editor.on("blur", () => {
-        this.$emit("blur");
-      });
-        console.log('init_instance_callback1111111111')
-    },
-    getUserToken() {
-      let token = localStorage.getItem("token");
-      // console.log('获取token', token)
-      // return this.$store.getters['user/isLogin']
-      return token;
-    },
-    destroyTinymce() {
-      if (!window.tinymce) return;
-      const tinymce = window.tinymce.get(this.tinymceId);
-      if (tinymce) {
-        tinymce.destroy();
-      }
-    },
-  },
+			editor.on("change keyup undo redo", () => {
+				this.$emit("input", editor.getContent());
+			});
+			editor.on("blur", () => {
+				this.$emit("blur");
+			});
+			console.log("init_instance_callback1111111111");
+		},
+		getUserToken() {
+			let token = localStorage.getItem("token");
+			// console.log('获取token', token)
+			// return this.$store.getters['user/isLogin']
+			return token;
+		},
+		destroyTinymce() {
+			if (!window.tinymce) return;
+			const tinymce = window.tinymce.get(this.tinymceId);
+			if (tinymce) {
+				tinymce.destroy();
+			}
+		},
+	},
 };
 </script>
diff --git a/src/views/components/tinymce2/index.vue b/src/views/components/tinymce2/index.vue
index 89323c1..ab9cc23 100644
--- a/src/views/components/tinymce2/index.vue
+++ b/src/views/components/tinymce2/index.vue
@@ -113,6 +113,8 @@ export default {
       default_link_target: "_blank",
       link_title: false,
       nonbreaking_force_tab: true,
+      // 禁止把图片路径改写成相对路径，也许是为了项目转移方便，但是文章有多个场景
+      convert_urls: false,
       //   图片上传
       images_upload_handler: function (blobInfo, succFun, failFun) {
         var xhr, formData;