代码格式化插件

深碍√TFBOYSˉ_ 2022-05-22 04:14 307阅读 0赞

效果图为：

![70][]

使用了[OSChina][]会员`沙王重名了`提供的`代码`实现[https://www.oschina.net/code/snippet\_119610\_11825][https_www.oschina.net_code_snippet_119610_11825]

**html部分：**

引入css文件和js文件

布局

<thead>  
<tr>  
<th>修改项目</th>  
<th>修改前【<span class="recordName">伍巍巍</span>】<span class="recordTime">2018-06-12 16:04:06</span></th>  
<th>修改后【<span class="recordName">张pc</span>】<span class="recordTime">2018-06-12 16:04:06</span></th>  
</tr>  
</thead>  
<tbody>  
<tr>  
<td>修改请求参数</td>  
<td class="code">  
\{"data":\{"cooper\_list":\[111\],"manager":\{"id":"50017","email":"648029882@qq.com","name":"songXX"\},"myrole":"admin"\},"status":1\}  
  
</td>   
<td class="code">  
\{"data":\{"cooper\_list":\[222\],"manager":\{"id":"50018","email":"648029882@qq.com","name":"songXX"\},"myrole":"admin"\},"status":1\}  
  
</td>  
</tr>   
</tbody>  
</table>  
  
<table class="recordTable">  
<thead>  
<tr>  
<th>修改项目</th>  
<th>修改前【<span class="recordName">伍巍巍</span>】<span class="recordTime">2018-06-12 16:04:06</span></th>  
<th>修改后【<span class="recordName">张pc</span>】<span class="recordTime">2018-06-12 16:04:06</span></th>  
</tr>  
</thead>  
<tbody>  
<tr>  
<td>修改返回参数</td>  
<td class="code">  
\{"data":\{"cooper\_list":\[\],"manager":\{"id":"50017","email":"648029882@qq.com","name":"songXX"\},"myrole":"admin"\},"status":1\}  
  
</td>   
<td class="code">  
\{"0":"优","10":"良","20":"轻度","30":"中度","40":"重度","50":"严重"\}  
  
</td>  
</tr>   
</tbody>

</table>

**js部分：**

对c.js里的Process函数修改如下：

然后在c.js调用Process()；函数。

[70]: /images/20220522/c93744d9a44d40e58773711c05c81ee1.png
[OSChina]: http://www.oschina.net/
[https_www.oschina.net_code_snippet_119610_11825]: https://www.oschina.net/code/snippet_119610_11825