富文本组件

src/components/basicTool/rich-text/index.vue

@@ -20,24 +20,39 @@
  */
 function formatRichText(html) {
   let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {
-    match = match.replace(/style="[^"]+"/gi, "").replace(/style='[^']+'/gi, "");
-    match = match.replace(/width="[^"]+"/gi, "").replace(/width='[^']+'/gi, "");
+    // match = match.replace(/style="[^"]+"/gi, "").replace(/style='[^']+'/gi, "");
+    // match = match.replace(/width="[^"]+"/gi, "").replace(/width='[^']+'/gi, "");
+    // match = match
+    //   .replace(/height="[^"]+"/gi, "")
+    //   .replace(/height='[^']+'/gi, "");
+    let maxWidth = 375;
+    match.replace(/width="(.+?)"/g, function (val, val1) {
+      if (val1 > maxWidth) {
         match = match
-      .replace(/height="[^"]+"/gi, "")
-      .replace(/height='[^']+'/gi, "");
+          .replace(/width="[^"]+"/gi, "")
+          .replace(/width='[^']+'/gi, "");
+        match = match.replace(
+          /\<img/gi,
+          '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"'
+        );
+      }
+    });
     return match;
   });
   newContent = newContent.replace(/style="[^"]+"/gi, function (match, capture) {
     match = match
-      .replace(/width:[^;]+;/gi, "max-width:100%;")
-      .replace(/width:[^;]+;/gi, "max-width:100%;");
+      .replace(/ width:[^;]+;/gi, "max-width:100%;")
+      .replace(/ width:[^;]+;/gi, "max-width:100%;");
+    match = match
+      .replace(/max-width:[^;]+;/gi, "max-width:100%;")
+      .replace(/max-width:[^;]+;/gi, "max-width:100%;");
     return match;
   });
-  newContent = newContent.replace(/<br[^>]*\/>/gi, "");
-  newContent = newContent.replace(
-    /\<img/gi,
-    '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"'
-  );
+  // newContent = newContent.replace(/<br[^>]*\/>/gi, "");
+  // newContent = newContent.replace(
+  //   /\<img/gi,
+  //   '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"'
+  // );
   return newContent;
 }
 export default {