@lambo-design/wang-editor 1.0.0-beta.1 → 1.0.0-beta.11

package/index.js

@@ -1,2 +1,3 @@
 import LamboWangEditor from './src/index.vue'
 export default LamboWangEditor
+export { LamboWangEditor }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/wang-editor",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.11",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -13,8 +13,15 @@
     "wangeditor": "^3.1.1"
   },
   "devDependencies": {
-    "@lambo-design/core": "^4.7.1-beta.45",
-    "@lambo-design/shared": "^1.0.0-beta.26"
+    "@lambo-design/core": "^4.7.1-beta.167",
+    "@lambo-design/shared": "^1.0.0-beta.285"
   },
-  "scripts": {}
+  "scripts": {
+    "release": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "release-beta": "standard-version --prerelease beta",
+    "re-publish": "pnpm publish --access public --no-git-checks"
+  }
 }

package/src/index.vue

@@ -39,6 +39,13 @@ export default {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 是否使用 base64 保存图片
+     */
+    uploadImgShowBase64: {
+      type: Boolean,
+      default: false
+    },
     /**
      * 上传图片上下文
      */
@@ -58,10 +65,30 @@ export default {
      */
     ossFileGetImgUrl: {
       type: String,
-      default: "/oss/file/getImage/"
+      default: "/oss/file/get/"
+    },
+    /**
+     * @description 是否保留粘贴内容的样式
+     */
+    preservePasteStyle: {
+      type: Boolean,
+      default: false
     },
 
   },
+  watch: {
+    value: {
+      handler: function (newVal, oldVal) {
+        if (oldVal === '') {
+          if (this.valueType === 'html') {
+            this.editor.txt.html(newVal)
+          } else {
+            this.editor.txt.text(newVal)
+          }
+        }
+      }
+    },
+  },
   computed: {
     editorId() {
       return `editor${this._uid}`
@@ -83,19 +110,19 @@ export default {
       this.$emit('on-change', html, text)
     }
 
-    // 删除粘贴内容的样式
-    self.editor.customConfig.pasteFilterStyle = false
+    // 根据 preservePasteStyle 属性决定是否保留粘贴样式
+    self.editor.customConfig.pasteFilterStyle = this.preservePasteStyle
     // 设置触发事件间隔
     self.editor.customConfig.onchangeTimeout = this.changeInterval
 
-    self.editor.customConfig.zIndex = 1000
+    self.editor.customConfig.zIndex = 999
 
     // 配置debug模式
     self.editor.customConfig.debug = true
     // 隐藏“网络图片”tab
     self.editor.customConfig.showLinkImg = false
     // 使用 base64 保存图片
-    // this.editor.customConfig.uploadImgShowBase64 = true
+    self.editor.customConfig.uploadImgShowBase64 = self.uploadImgShowBase64
     // 上传图片到服务器
     // this.editor.customConfig.uploadImgServer = config.ossServerContext + "/file/wangeditor/put"
     //
@@ -105,26 +132,27 @@ export default {
       // =""
     }
     let ossServer = this.ossServerContext;
-    self.editor.customConfig.customUploadImg = function (files, insert) {
-      let formData = new FormData();
-      for (let file of files) {
-        formData.append('file', file);
-      }
-      // files 是 input 中选中的文件列表
-      // insert 是获取图片 url 后，插入到编辑器的方法
-      axios.post(ossServer + self.ossFilePutUrl, formData).then(response => {
-        if (response.data.code == "1") {
-          var result = response.data.data;
-          // 上传代码返回结果之后，将图片插入到编辑器中
-          let imgUrl = []
-          result.forEach(item => {
-            insert(ossServer + self.ossFileGetImgUrl + item.fileId)
-            // imgUrl.push()
-          })
-
+    if(!self.uploadImgShowBase64){
+      self.editor.customConfig.customUploadImg = function (files, insert) {
+        let formData = new FormData();
+        for (let file of files) {
+          formData.append('file', file);
         }
-      })
+        // files 是 input 中选中的文件列表
+        // insert 是获取图片 url 后，插入到编辑器的方法
+        axios.post(ossServer + self.ossFilePutUrl, formData).then(response => {
+          if (response.data.code == "1") {
+            var result = response.data.data;
+            // 上传代码返回结果之后，将图片插入到编辑器中
+            let imgUrl = []
+            result.forEach(item => {
+              insert(ossServer + self.ossFileGetImgUrl + item.fileId)
+              // imgUrl.push()
+            })
 
+          }
+        })
+      }
 
     }
     // 自定义菜单配置
@@ -163,16 +191,18 @@ export default {
       '#f9963b',
       '#ffffff'
     ]
-    self.editor.customConfig.pasteTextHandle = function (content) {
-      // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
-      if (content == '' && !content) return ''
-      var str = content
-      str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
-      str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
-      str = str.replace(/<\/?[^>]*>/g, '')
-      str = str.replace(/[ | ]*\n/g, '\n')
-      // str = str.replace(/&nbsp;/ig, '')
-      return str
+    if (!this.preservePasteStyle) {
+      self.editor.customConfig.pasteTextHandle = function (content) {
+        // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
+        if (content == '' && !content) return ''
+        var str = content
+        str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
+        str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
+        str = str.replace(/<\/?[^>]*>/g, '')
+        str = str.replace(/[ | ]*\n/g, '\n')
+        // str = str.replace(/&nbsp;/ig, '')
+        return str
+      }
     }
 
     // create这个方法一定要在所有配置项之后调用