清除富文本中的样式

src/views/activiti/doneManage.vue

@@ -85,7 +85,8 @@
           </a-table-column>
           <a-table-column title="审批意见" dataIndex="comment"  :width="100" align="center">
             <template slot-scope="t">
-              <j-ellipsis :value="t" :length="10"/>
+              <!--<j-ellipsis :value="t" :length="10"/>-->
+              <span>{{removeHtmlStyle(t)}}</span>
             </template>
           </a-table-column>
           <a-table-column title="耗时" dataIndex="duration"  :width="100" align="center"
@@ -199,6 +200,20 @@ export default {
         }
       });
     },
+    removeHtmlStyle(str) {
+      str = str.replace(/<\/?[^>]*>/g, '');       //匹配所有html标签
+
+      str = str.replace(/<p[^>]*>/g, '<p class="tag-class">'); //去除标签内所有属性，并设置自定义类名
+
+      str = str.replace(/(\n)/g, '')             //去除换行
+
+      str = str.replace(/\s+style="[^"]*"/g, '') //去除style样式
+
+      str = str.replace(/&nbsp;/gi, '')          //去除空格
+
+      str = str.replace(/\<img/gi, '<img class="img_class"');  //添加自定义
+      return str;
+    },
     handleSearch() {
       this.searchForm.pageNumber = 1;
       this.searchForm.pageSize = 10;

src/views/activiti/historicDetail.vue

@@ -39,8 +39,8 @@
             </template>
           </a-table-column>
           <a-table-column title="审批意见" dataIndex="comment"  width="150" align="center">
-            <template slot-scope="t">
-              <span>{{t}}</span>
+            <template slot-scope="t" >
+              <span >{{removeHtmlStyle(t)}}</span>
             </template>
           </a-table-column>
           <a-table-column title="耗时" dataIndex="duration"  width="150" align="center">
@@ -152,6 +152,20 @@ export default {
       this.imgUrl =this.url.getHighlightImg + this.id + "?time=" + new Date();
       this.getDataList();
     },
+    removeHtmlStyle(str) {
+      str = str.replace(/<\/?[^>]*>/g, '');       //匹配所有html标签
+
+      str = str.replace(/<p[^>]*>/g, '<p class="tag-class">'); //去除标签内所有属性，并设置自定义类名
+
+      str = str.replace(/(\n)/g, '')             //去除换行
+
+      str = str.replace(/\s+style="[^"]*"/g, '') //去除style样式
+
+      str = str.replace(/&nbsp;/gi, '')          //去除空格
+
+      str = str.replace(/\<img/gi, '<img class="img_class"');  //添加自定义
+      return str;
+    },
     getDataList() {
       this.loading = true;
       this.getAction(this.url.historicFlow+this.id).then(res => {