From fd98d3d9d49fad8d7244cae8de2264a635fe9f69 Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期一, 28 二月 2022 15:55:38 +0800
Subject: [PATCH] 补充默认头像svg、添加加载失败图片显示（demo/list）
---
src/components/WangEnduit/index.vue | 72 +++++++++++++++++++++++++++++------
1 files changed, 59 insertions(+), 13 deletions(-)
diff --git a/src/components/WangEnduit/index.vue b/src/components/WangEnduit/index.vue
index 648b738..5711968 100644
--- a/src/components/WangEnduit/index.vue
+++ b/src/components/WangEnduit/index.vue
@@ -40,16 +40,16 @@
mounted() {
self = this
this.editor = new E(this.$refs.editorElem)
- this.editor.customConfig.focus = false
- this.editor.customConfig.onchange = (html) => {
+ this.editor.config.focus = false
+ this.editor.config.onchange = (html) => {
this.editorContent = html
this.catchdata(this.editorContent) // 鎶婅繖涓猦tml閫氳繃catchData鐨勬柟娉曚紶鍏ョ埗缁勪欢
}
// 鍘绘帀鎻掑叆缃戠粶鍥剧墖
- this.editor.customConfig.showLinkImg = false
+ this.editor.config.showLinkImg = false
// 绮樿创鏉ョ殑鍐呭杩囨护鍥剧墖
- this.editor.customConfig.pasteIgnoreImg = true
- this.editor.customConfig.menus = [ // 鑿滃崟閰嶇疆
+ this.editor.config.pasteIgnoreImg = true
+ this.editor.config.menus = [ // 鑿滃崟閰嶇疆
'head', // 鏍囬
'bold', // 绮椾綋
'fontSize', // 瀛楀彿
@@ -65,26 +65,29 @@
'quote', // 寮曠敤
// 'emoticon', // 琛ㄦ儏
'image', // 鎻掑叆鍥剧墖
+ 'video', // 鎻掑叆瑙嗛
// 'table', // 琛ㄦ牸
- // 'code', // 鎻掑叆浠ｇ爜
+ 'code', // 鎻掑叆浠ｇ爜
+ 'video',
'undo', // 鎾ら攢
'redo' // 閲嶅
]
// 涓嬮潰鏄渶閲嶈鐨勭殑鏂规硶
- // this.editor.customConfig.withCredentials = true
+ // this.editor.config.withCredentials = true
// 灏嗗浘鐗囧ぇ灏忛檺鍒朵负 5M
- this.editor.customConfig.uploadImgMaxSize = 5 * 1024 * 1024
+ this.editor.config.uploadImgMaxSize = 5 * 1024 * 1024
// 闄愬埗涓�娆℃渶澶氫笂浼� 1 寮犲浘鐗�
- this.editor.customConfig.uploadImgMaxLength = 1
+ this.editor.config.uploadImgMaxLength = 1
// 涓嶅拷鐣ョ矘璐村唴瀹逛腑鐨勫浘鐗�
- this.editor.customConfig.pasteIgnoreImg = false
- this.editor.customConfig.customUploadImg = function(files, insert) {
+ this.editor.config.pasteIgnoreImg = false
+ this.editor.config.customUploadImg = function(files, insert) {
// files 鏄� input 涓�変腑鐨勬枃浠跺垪琛�
// insert 鏄幏鍙栧浘鐗� url 鍚庯紝鎻掑叆鍒扮紪杈戝櫒鐨勬柟娉�
// 鍥犱负file鏄釜FormData鏍煎紡鐨勫璞℃墍浠ュ彲浠ョ洿鎺ラ�氳繃鎺ュ彛寮�濮嬩笂浼狅紝涓嶉渶瑕佸仛澶氫綑鎿嶄綔
// 铏界劧鏂囨。璇存槸FormData鏍煎紡锛屼絾鏄垜瀹為檯浣跨敤闇�瑕佷互涓嬫搷浣�
const formData = new FormData()
formData.append('file', files[0])
+ console.log(formData, 'formDataformDataformDataformDataformData')
self.postFN(
{
url: 'admin/image/upload?folderCode=IMG',
@@ -103,10 +106,53 @@
}
)
}
+
+ // 閰嶇疆瀵屾枃鏈棰戜笂浼�
+ this.editor.config.customUploadVideo = function(files, insert) {
+ // files 鏄� input 涓�変腑鐨勬枃浠跺垪琛�
+ // insert 鏄幏鍙栬棰� url 鍚庯紝鎻掑叆鍒扮紪杈戝櫒鐨勬柟娉�
+ const formDataVideo = new FormData()
+ formDataVideo.append('file', files[0])
+ console.log(formDataVideo, 'formDataVideoformDataVideoformDataVideoformDataVideo')
+ self.postFN(
+ {
+ url: 'admin/image/upload?folderCode=VIDEO',
+ header: { 'Content-Type': 'multipart/form-data' },
+ params: formDataVideo,
+ mockData: {
+ code: 100,
+ msg: '',
+ data: {
+ imgUrl: 'xxxx'
+ }
+ }
+ },
+ inf => {
+ // 涓婁紶瑙嗛锛岃繑鍥炵粨鏋滐紝灏嗚棰戝湴鍧�鎻掑叆鍒扮紪杈戝櫒涓�
+ insert(inf.imgUrl)
+ console.log(inf.imgUrl, '99999999999999999999999999')
+ }
+ )
+ }
+
// 鑷畾涔夐敊璇彁绀�
- this.editor.customConfig.customAlert = function(info) {
+ this.editor.config.customAlert = function(info) {
// info 鏄渶瑕佹彁绀虹殑鍐呭
- self.$messagewarn(info)
+ self.$messageWarn(info)
+ }
+ // 杩囨护word澶嶅埗
+ this.editor.config.pasteTextHandle = function(content) {
+ var html = content
+ html = html.replace(/<\/?SPANYES[^>]*>/gi, '')// 绉婚櫎span
+ html = html.replace(/<\!\-\-(.|[\r\n])*?\-\->/gi, '')// 绉婚櫎娉ㄩ噴
+ html = html.replace(/<(\w[^>]*) {2}lang=([^|>]*)([^>]*)/gi, '<$1$3')// 绉婚櫎lang灞炴��
+ html = html.replace(/<\\?\?xml[^>]*>/gi, '')// 绉婚櫎xml鍜岀浉鍏虫弿杩�
+ html = html.replace(/<\/?\w+:[^>]*>/gi, '')// 绉婚櫎xml鍛藉悕绌洪棿鐨勬爣绛�
+ html = html.replace(/ /gi, '')// 绉婚櫎绌烘牸
+ html = html.replace(/^\s+|\s+$/g, '')
+ html = html.replace(/<o:p> <\/o:p>/g, '')// 绉婚櫎鏍囩
+ html = html.replace(/<br\/>/g, '')// 绉婚櫎br鏍囩
+ return html
}
this.editor.create() // 鍒涘缓瀵屾枃鏈疄渚�
// if (!this.content) {
--
Gitblit v1.8.0