html标签替换问题，解决即结贴！

Question

我为了在页面显示html标签元素　　就用replace把<和>替换成了&lt;这样一来所有的html都失效了．但我想保留链接．．．　不替换超链接．谢谢！！！

Answer 1

自己答一个：
strHtml.replace(/<a/g,"&lt");呵呵，这样行不？

Answer 2

错了．应该是这样:
strHtml.replace(/&lt;a/g,"<")

Answer 3

/&lt;a/g,"<a"
把替换后的再转回来

Answer 4

用个TEXTAREA装代码算了，搞那么复杂做什么

Answer 5

为增强易读性,为用户体验．．．所以没用textarea

Answer 6

正则表达式试试吧，大概写了下，看有没有遗漏
str.replace(/<((?!(\/a)|(a))[^>]*)>/ig, "&lt;$1&gt;");

Answer 7

没有吧？比如如下的HTML<ul class="txt"> 
        <li><a href="http://www.csdn.net/" target="_blank">首页</a>|</li> 
<li><a href="http://hi.csdn.net/" target="_blank">空间</a>|</li> 
<li><a href="http://news.csdn.net/" target="_blank">新闻</a>|</li> 
<li><a href="http://bbs.csdn.net/" target="_blank">论坛</a>|</li> 
<li><a href="http://blog.csdn.net/" target="_blank">博客</a>|</li> 
<li><a href="http://download.csdn.net/" target="_blank">下载</a>|</li> 
<li><a href="http://book.csdn.net/" target="_blank">读书</a>|</li> 
<li><a href="http://wz.csdn.net/" target="_blank">网摘</a>|</li> 
<li><a href="http://live.csdn.net/" target="_blank">视频</a>|</li> 
<li><a href="http://www.dearbook.com.cn/" target="_blank">书店</a>|</li> 
<li><a href="http://www.programmer.com.cn/" target="_blank">程序员</a>|</li> 
<li><a href="http://www.itliyu.com/" target="_blank">求职招聘</a>|</li> 
<li><a href="http://prj.csdn.net/" target="_blank">项目交易</a>|</li> 
<li><a href="http://training.csdn.net/" target="_blank">培训</a>|</li> 
<li><a href="http://daohang.csdn.net/" target="_blank">网址</a></li> 
</ul> 替换之后变成&lt;ul class="txt"&gt; ¶
&lt;li&gt;<a href="http://www.csdn.net/" target="_blank">首页</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://hi.csdn.net/" target="_blank">空间</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://news.csdn.net/" target="_blank">新闻</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://bbs.csdn.net/" target="_blank">论坛</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://blog.csdn.net/" target="_blank">博客</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://download.csdn.net/" target="_blank">下载</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://book.csdn.net/" target="_blank">读书</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://wz.csdn.net/" target="_blank">网摘</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://live.csdn.net/" target="_blank">视频</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://www.dearbook.com.cn/" target="_blank">书店</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://www.programmer.com.cn/" target="_blank">程序员</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://www.itliyu.com/" target="_blank">求职招聘</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://prj.csdn.net/" target="_blank">项目交易</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://training.csdn.net/" target="_blank">培训</a>|&lt;/li&gt; ¶
&lt;li&gt;<a href="http://daohang.csdn.net/" target="_blank">网址</a>&lt;/li&gt; ¶
&lt;/ul&gt; 不是你想要的结果吗？

Answer 8

为增强易读性,为用户体验，所以才用textarea。呵呵
你在textarea下加几个按钮：运行、拷贝、保存

Answer 9

body 的innerHTML 里的内容全读出来 然后 吧"<li>"和"</li>"换成 "&lt;li&gt;"和"&lt;/li&gt;"可以吗？

Answer 10

我在8楼的正则表达式不好用吗？那个是除了A以外所有标签的<>都换成&lt;&gt;。或者说这不是你想要的结果？