@lambo-design/wang-editor 1.0.0-beta.10 → 1.0.0-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/wang-editor",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.12",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -9,12 +9,9 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "dependencies": {
-    "wangeditor": "^3.1.1"
-  },
   "devDependencies": {
-    "@lambo-design/core": "^4.7.1-beta.167",
-    "@lambo-design/shared": "^1.0.0-beta.274"
+    "@lambo-design/core": "^4.7.1-beta.169",
+    "@lambo-design/shared": "^1.0.0-beta.298"
   },
   "scripts": {
     "release": "pnpm release-beta && git push --follow-tags && pnpm re-publish",

package/src/index.vue

@@ -67,6 +67,13 @@ export default {
       type: String,
       default: "/oss/file/get/"
     },
+    /**
+     * @description 是否保留粘贴内容的样式
+     */
+    preservePasteStyle: {
+      type: Boolean,
+      default: false
+    },
 
   },
   watch: {
@@ -94,7 +101,7 @@ export default {
   },
   mounted() {
     let self = this;
-    const Editor = require('wangeditor')
+    const Editor = require('./js/wang-editor.js')
     self.editor = new Editor(`#${this.editorId}`)
     self.editor.customConfig.onchange = (html) => {
       let text = self.editor.txt.text()
@@ -103,8 +110,8 @@ 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
 
@@ -152,6 +159,7 @@ export default {
     self.editor.customConfig.menus = [
       'head',  // 标题
       'bold',  // 粗体
+      'hr',    //分割线
       'fontSize',  // 字号
       'fontName',  // 字体
       'italic',  // 斜体
@@ -182,18 +190,21 @@ export default {
       '#7b5ba1',
       '#46acc8',
       '#f9963b',
-      '#ffffff'
+      '#ffffff',
+      '#FF0000'
     ]
-    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这个方法一定要在所有配置项之后调用