JS转换HTML转义符

叁歲伎倆 2022-09-02 11:55 140阅读 0赞

/去掉html标签

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>removeHtmlTab(tab) { </code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>tab.replace(/&lt;[^&lt;&gt;]+?&gt;/g,</code><code>''</code><code>);</code><code>//删除所有HTML标签</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

//普通字符转换成转意符

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>html2Escape(sHtml) { </code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>sHtml.replace(/[&lt;&gt;&amp;</code><code>"]/g,function(c){return {'&lt;':'&amp;lt;','&gt;':'&amp;gt;','&amp;':'&amp;amp;','"</code><code>':</code><code>'&amp;quot;'</code><code>}[c];});</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

//转意符换成普通字符

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>escape2Html(str) { </code></p> <p><code>&nbsp;</code><code>var</code>&nbsp;<code>arrEntities={ </code><code>'lt'</code><code>:</code><code>'&lt;'</code><code>,</code><code>'gt'</code><code>:</code><code>'&gt;'</code><code>,</code><code>'nbsp'</code><code>:</code><code>' '</code><code>,</code><code>'amp'</code><code>:</code><code>'&amp;'</code><code>,</code><code>'quot'</code><code>:</code><code>'"'</code><code>};</code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>str.replace(/&amp;(lt|gt|nbsp|amp|quot);/ig,</code><code>function</code><code>(all,t){ </code><code>return</code>&nbsp;<code>arrEntities[t];});</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

// &nbsp;转成空格

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>nbsp2Space(str) { </code></p> <p><code>&nbsp;</code><code>var</code>&nbsp;<code>arrEntities = { </code><code>'nbsp'</code>&nbsp;<code>: </code><code>' '</code><code>};</code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>str.replace(/&amp;(nbsp);/ig, </code><code>function</code><code>(all, t){ </code><code>return</code>&nbsp;<code>arrEntities[t]})</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

//回车转为br标签

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>return2Br(str) { </code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>str.replace(/\r?\n/g,</code><code>"&lt;br /&gt;"</code><code>);</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

//去除开头结尾换行,并将连续3次以上换行转换成2次换行

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>trimBr(str) { </code></p> <p><code>&nbsp;</code><code>str=str.replace(/((\s|&amp;nbsp;)*\r?\n){ </code><code>3</code><code>,}/g,</code><code>"\r\n\r\n"</code><code>);</code><code>//限制最多2次换行</code></p> <p><code>&nbsp;</code><code>str=str.replace(/^((\s|&amp;nbsp;)*\r?\n)+/g,</code><code>''</code><code>);</code><code>//清除开头换行</code></p> <p><code>&nbsp;</code><code>str=str.replace(/((\s|&amp;nbsp;)*\r?\n)+$/g,</code><code>''</code><code>);</code><code>//清除结尾换行</code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>str;</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

// 将多个连续空格合并成一个空格

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> </td> 
   <td> <p><code>function</code>&nbsp;<code>mergeSpace(str) { </code></p> <p><code>&nbsp;</code><code>str=str.replace(/(\s|&amp;nbsp;)+/g,</code><code>' '</code><code>);</code></p> <p><code>&nbsp;</code><code>return</code>&nbsp;<code>str;</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>