elink-star
/
epmet-oper-gov-lingshan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

禁用相对路径

master
dai 2 years ago
parent
cb6f09da0f
commit
5c60024de1
2 changed files with 141 additions and 135 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 274
      src/views/components/tinymce/index.vue
  2. 2
      src/views/components/tinymce2/index.vue

274
src/views/components/tinymce/index.vue
View File

@ -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>

2
src/views/components/tinymce2/index.vue
View File

@ -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;

Write Preview
Loading…
Cancel
Save