Explorar el Código

修改显示富文本样式

zs hace 8 meses
padre
commit
85bdbb3806

+ 10 - 6
pagesHome/match/index.vue

@@ -236,22 +236,26 @@
 				if (html) {
 					html = html.replace(/<table[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-						return match.replace(/style="[^"]+"/gi, `style="border-collapse: collapse; width: 100%;"`)
-							.replace(/<table/gi, `<table style="border-collapse: collapse; width: 100%;"`);
+						return match.replace(/style="[^"]+"/gi,
+								`style="border-collapse: collapse; width: 100%;text-align: center;"`)
+							.replace(/<table/gi,
+								`<table style="border-collapse: collapse; width: 100%;text-align: center;"`);
 					});
 					html = html.replace(/<th[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`)
+								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							);
 					});
 					html = html.replace(/<td[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px;"`)
+								`style="border: 1px solid #ddd; padding: 8px;text-align: center;"`)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px;text-align: center;"`);
 					});
 					// 富文本内容格式化
 					return html && html.replace(/<img[^>]*>/gi, function(match, capture) {

+ 10 - 6
pagesMy/about/index.vue

@@ -31,22 +31,26 @@
 				if (html) {
 					html = html.replace(/<table[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-						return match.replace(/style="[^"]+"/gi, `style="border-collapse: collapse; width: 100%;"`)
-							.replace(/<table/gi, `<table style="border-collapse: collapse; width: 100%;"`);
+						return match.replace(/style="[^"]+"/gi,
+								`style="border-collapse: collapse; width: 100%;text-align: center;"`)
+							.replace(/<table/gi,
+								`<table style="border-collapse: collapse; width: 100%;text-align: center;"`);
 					});
 					html = html.replace(/<th[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`)
+								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							);
 					});
 					html = html.replace(/<td[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px;"`)
+								`style="border: 1px solid #ddd; padding: 8px;text-align: center;"`)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px;text-align: center;"`);
 					});
 					// 富文本内容格式化
 					return html && html.replace(/<img[^>]*>/gi, function(match, capture) {

+ 10 - 6
pagesMy/activity/detail.vue

@@ -288,22 +288,26 @@
 				if (html) {
 					html = html.replace(/<table[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-						return match.replace(/style="[^"]+"/gi, `style="border-collapse: collapse; width: 100%;"`)
-							.replace(/<table/gi, `<table style="border-collapse: collapse; width: 100%;"`);
+						return match.replace(/style="[^"]+"/gi,
+								`style="border-collapse: collapse; width: 100%;text-align: center;"`)
+							.replace(/<table/gi,
+								`<table style="border-collapse: collapse; width: 100%;text-align: center;"`);
 					});
 					html = html.replace(/<th[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`)
+								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							);
 					});
 					html = html.replace(/<td[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px;"`)
+								`style="border: 1px solid #ddd; padding: 8px;text-align: center;"`)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px;text-align: center;"`);
 					});
 					// 富文本内容格式化
 					return html && html.replace(/<img[^>]*>/gi, function(match, capture) {

+ 10 - 6
pagesMy/agree/index.vue

@@ -31,22 +31,26 @@
 				if (html) {
 					html = html.replace(/<table[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-						return match.replace(/style="[^"]+"/gi, `style="border-collapse: collapse; width: 100%;"`)
-							.replace(/<table/gi, `<table style="border-collapse: collapse; width: 100%;"`);
+						return match.replace(/style="[^"]+"/gi,
+								`style="border-collapse: collapse; width: 100%;text-align: center;"`)
+							.replace(/<table/gi,
+								`<table style="border-collapse: collapse; width: 100%;text-align: center;"`);
 					});
 					html = html.replace(/<th[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`)
+								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							);
 					});
 					html = html.replace(/<td[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px;"`)
+								`style="border: 1px solid #ddd; padding: 8px;text-align: center;"`)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px;text-align: center;"`);
 					});
 					// 富文本内容格式化
 					return html && html.replace(/<img[^>]*>/gi, function(match, capture) {

+ 10 - 6
pagesMy/contact/index.vue

@@ -60,22 +60,26 @@
 				if (html) {
 					html = html.replace(/<table[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-						return match.replace(/style="[^"]+"/gi, `style="border-collapse: collapse; width: 100%;"`)
-							.replace(/<table/gi, `<table style="border-collapse: collapse; width: 100%;"`);
+						return match.replace(/style="[^"]+"/gi,
+								`style="border-collapse: collapse; width: 100%;text-align: center;"`)
+							.replace(/<table/gi,
+								`<table style="border-collapse: collapse; width: 100%;text-align: center;"`);
 					});
 					html = html.replace(/<th[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`)
+								`style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;"`
+							);
 					});
 					html = html.replace(/<td[^>]*>/gi, match => {
 						// 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
 						return match.replace(/style="[^"]+"/gi,
-								`style="border: 1px solid #ddd; padding: 8px;"`)
+								`style="border: 1px solid #ddd; padding: 8px;text-align: center;"`)
 							.replace(/<table/gi,
-								`<table style="border: 1px solid #ddd; padding: 8px;"`);
+								`<table style="border: 1px solid #ddd; padding: 8px;text-align: center;"`);
 					});
 					// 富文本内容格式化
 					return html && html.replace(/<img[^>]*>/gi, function(match, capture) {

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pagesHome/match/index.js.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pagesMy/about/index.js.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pagesMy/activity/detail.js.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pagesMy/agree/index.js.map


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pagesMy/contact/index.js.map


+ 3 - 3
unpackage/dist/dev/mp-weixin/pagesHome/match/index.js

@@ -548,15 +548,15 @@ var _default = {
       if (html) {
         html = html.replace(/<table[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;text-align: center;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;text-align: center;\"");
         });
         html = html.replace(/<th[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"");
         });
         html = html.replace(/<td[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"");
         });
         // 富文本内容格式化
         return html && html.replace(/<img[^>]*>/gi, function (match, capture) {

+ 3 - 3
unpackage/dist/dev/mp-weixin/pagesMy/about/index.js

@@ -202,15 +202,15 @@ var _default = {
       if (html) {
         html = html.replace(/<table[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;text-align: center;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;text-align: center;\"");
         });
         html = html.replace(/<th[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"");
         });
         html = html.replace(/<td[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"");
         });
         // 富文本内容格式化
         return html && html.replace(/<img[^>]*>/gi, function (match, capture) {

+ 3 - 3
unpackage/dist/dev/mp-weixin/pagesMy/activity/detail.js

@@ -422,15 +422,15 @@ var _default = {
       if (html) {
         html = html.replace(/<table[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;text-align: center;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;text-align: center;\"");
         });
         html = html.replace(/<th[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"");
         });
         html = html.replace(/<td[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"");
         });
         // 富文本内容格式化
         return html && html.replace(/<img[^>]*>/gi, function (match, capture) {

+ 3 - 3
unpackage/dist/dev/mp-weixin/pagesMy/agree/index.js

@@ -202,15 +202,15 @@ var _default = {
       if (html) {
         html = html.replace(/<table[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;text-align: center;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;text-align: center;\"");
         });
         html = html.replace(/<th[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"");
         });
         html = html.replace(/<td[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"");
         });
         // 富文本内容格式化
         return html && html.replace(/<img[^>]*>/gi, function (match, capture) {

+ 3 - 3
unpackage/dist/dev/mp-weixin/pagesMy/contact/index.js

@@ -222,15 +222,15 @@ var _default = {
       if (html) {
         html = html.replace(/<table[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border-collapse: collapse; width: 100%;text-align: center;\"").replace(/<table/gi, "<table style=\"border-collapse: collapse; width: 100%;text-align: center;\"");
         });
         html = html.replace(/<th[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px; background-color: #f2f2f2;text-align: center;\"");
         });
         html = html.replace(/<td[^>]*>/gi, function (match) {
           // 如果已有 style 属性,替换为新的样式;如果没有,添加新的 style 属性
-          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;\"");
+          return match.replace(/style="[^"]+"/gi, "style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"").replace(/<table/gi, "<table style=\"border: 1px solid #ddd; padding: 8px;text-align: center;\"");
         });
         // 富文本内容格式化
         return html && html.replace(/<img[^>]*>/gi, function (match, capture) {