@sy-common/wang-editor 1.0.0-beta.13 → 1.0.0-beta.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sy-common/wang-editor",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.15",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/index.vue

@@ -117,10 +117,10 @@ export default {
               {
                 name: "宋体",
                 value: "宋体"
-              }, "隶书","方正小标宋简体", "思源宋体‌", "微软雅黑", "Arial", "Tahoma", "Verdana", "Times New Roman", "Courier New"]
+              }, "隶书", "方正小标宋简体", "思源宋体‌", "微软雅黑", "Arial", "Tahoma", "Verdana", "Times New Roman", "Courier New"]
           },
-          color:{
-            colors:[
+          color: {
+            colors: [
               "rgb(0, 0, 0)",
               "rgb(38, 38, 38)",
               "rgb(89, 89, 89)",
@@ -244,13 +244,29 @@ export default {
     onChange(editor) {
       let self = this;
       let html = this.editor.getHtml()
-      if (html.includes('table')) {
-        html = html.replace(/<table /g, '<table class="wangeditor-styled-table" style= "border-collapse: collapse;"');  // 添加边框)
-      }
-      if(html.includes('hr')){
-        html = html.replace(/<hr/g,'<hr style="border:1px solid rgb(250, 64, 6);"');
-      }
-      console.log("this.editor.getMenuConfig('color')",this.editor.getMenuConfig('color'))
+      // 创建一个临时的 div 容器来解析 HTML
+      const tempDiv = document.createElement('div');
+      tempDiv.innerHTML = html;
+
+      // 处理 table 元素
+      const tables = tempDiv.querySelectorAll('table');
+      tables.forEach(table => {
+        const currentStyle = table.getAttribute('style') || '';
+        const newStyle = `${currentStyle}; border-collapse: collapse;`.trim();
+        table.setAttribute('class', 'wangeditor-styled-table');
+        table.setAttribute('style', newStyle);
+      });
+
+      // 处理 hr 元素
+      const hrs = tempDiv.querySelectorAll('hr');
+      hrs.forEach(hr => {
+        const currentStyle = hr.getAttribute('style') || '';
+        const newStyle = `${currentStyle}; border: 1px solid rgb(250, 64, 6);`.trim();
+        hr.setAttribute('style', newStyle);
+      });
+      // 更新处理后的 HTML
+      html = tempDiv.innerHTML;
+      console.log("this.editor.getMenuConfig('color')", this.editor.getMenuConfig('color'))
       this.$emit('input', self.valueType === 'html' ? html : editor.getText())
       this.$emit('on-change', html, editor.getText())
     },