如何将HTML上的转义字符直接转成HTML格式的元素

Question

我如何将下列已经转义好的文本变成ＨＴＭＬ格式，比如<编程＜形式，并以ＨＴＭＬ可视元素形式在页面上显示
代码：
<script language="javascript">
function Post01()
{

document.getElementById("TextBox1").value=  "&lt;table width="100%" cellpadding="0" cellspacing="10" &gt;&lt;tr&gt;&lt;td height="25" colspan="2" class="title1"&gt;&lt;span&gt;优衣日志&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="1"&gt;&lt;img alt="张杰的日志1" src=1" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-15 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰1&lt;/a&gt; 的 &lt;a href="1"&gt;张杰的日志1&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容1&lt;a href="1"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="6"&gt;&lt;img alt="张杰的日志1" src=6" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-15 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰1&lt;/a&gt; 的 &lt;a href="6"&gt;张杰的日志1&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容1&lt;a href="6"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="14"&gt;&lt;img alt="张杰的日志1" src=14" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-15 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰1&lt;/a&gt; 的 &lt;a href="14"&gt;张杰的日志1&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容1&lt;a href="14"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="15"&gt;&lt;img alt="张杰的日志2" src=15" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-14 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰2&lt;/a&gt; 的 &lt;a href="15"&gt;张杰的日志2&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容2&lt;a href="15"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="7"&gt;&lt;img alt="张杰的日志2" src=7" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-14 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰2&lt;/a&gt; 的 &lt;a href="7"&gt;张杰的日志2&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容2&lt;a href="7"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="3"&gt;&lt;img alt="张杰的日志2" src=3" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-14 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰2&lt;/a&gt; 的 &lt;a href="3"&gt;张杰的日志2&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容2&lt;a href="3"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="4"&gt;&lt;img alt="张杰的日志3" src=4" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-13 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰3&lt;/a&gt; 的 &lt;a href="4"&gt;张杰的日志3&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容3&lt;a href="4"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="8"&gt;&lt;img alt="张杰的日志3" src=8" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-13 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰3&lt;/a&gt; 的 &lt;a href="8"&gt;张杰的日志3&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容3&lt;a href="8"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="16"&gt;&lt;img alt="张杰的日志3" src=16" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-13 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰3&lt;/a&gt; 的 &lt;a href="16"&gt;张杰的日志3&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容3&lt;a href="16"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="100" height="100" align="center" valign="middle" class="b100"&gt;&lt;a href="12"&gt;&lt;img alt="张杰的日志3" src=12" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="630" class="td1"&gt;&lt;span class="myright"&gt;[ 2007-4-13 0:00:00] &lt;/span&gt;&lt;a href="6"&gt;张杰3&lt;/a&gt; 的 &lt;a href="12"&gt;张杰的日志3&lt;/a&gt;&lt;br /&gt;&lt;span class="highlight"&gt;所属分类：&lt;/span&gt;&lt;a href="#"&gt;购物经历&lt;/a&gt; &lt;span class="highlight"&gt;标签：&lt;/span&gt;&lt;br /&gt;&lt;span class="highlight"&gt;日志内容：&lt;/span&gt;张杰的日志内容3&lt;a href="12"&gt;[查看]&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr &gt;&lt;td colspan="2"&gt;&lt;div class="myright"&gt;1 | &lt;a href="#" &gt;2&lt;/a&gt; | &lt;a href="#" &gt;下一页&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;";
} 
</script>
<body onload="Post01();"> 
        <form id="form1" runat="server">  
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" Width="70px" />&nbsp;<br /> 
            <asp:TextBox ID="TextBox1" runat="server" Height="549px" TextMode="MultiLine" Width="704px"></asp:TextBox>
        <div id="div1"></div>
        <div id="div2"></div>
        </form>        
</body>

Answer 1

用replace
function HtmlEncode(text )
{
if ( typeof( text ) != "string" )
   text = text.toString() ;text = text.replace(
   /&/g, "&amp;").replace(
   /"/g, "&quot;").replace(
   /</g, "&lt;").replace(
   />/g, "&gt;") ;return text ;
}

Answer 2

//这几个函数 对你应该有用    /// <summary>
        /// 过滤SQL/Html
        /// </summary>
        /// <param name="text"></param>
        /// <returns></returns>
        public static string FilterSQL(string text)
        {
            string validSql = "";
            if (text != null)
            {
                text = text.Replace("\"", "&quot;");
                //text = text.Replace(";", "'';''");
                //text = text.Replace("'", "''");
                //text = text.Replace("--", "''--''");                //text = text.Replace("%25", "");
                //text = text.Replace("%0a", "");
                //text = text.Replace("%22", "");
                //text = text.Replace("%27", "");
                //text = text.Replace("%5c", "");
                //text = text.Replace("%2f", "");
                //text = text.Replace("%3c", "");
                //text = text.Replace("%3e", "");
                //text = text.Replace("%26", "");                text = text.Replace("<", "&lt;");
                text = text.Replace(">", "&gt;");
                validSql = text;
            }
            return validSql;
        }
        public static string FilterTestHtml(string text)
        {
            string validSql = "";
            if (text != null)
            {
                text = text.Replace(" ", "&nbsp;");
                text = text.Replace("&amp;", "&");
                text = text.Replace("\n", "<br>");
                //text = text.Replace("\n","<br>");
                //text = text.Replace("\r","<br>");
                //text = text.Replace("\"","&quot;");
                //text = text.Replace(";","'';''");
                //text = text.Replace("--","''--''");
                //text = text.Replace("--","''--''");
                //text = text.Replace("<","&lt;");
                // = text.Replace(">","&gt;");
                validSql = text;
            }
            return validSql;
        }
        public static string UnFilterTestHtml(string text)
        {
            string validSql = "";
            if (text != null)
            {
                text = text.Replace("&nbsp;", " ");
                text = text.Replace("<br>", "\n");
                //text = text.Replace(">","&gt;");
                validSql = text;
            }
            return validSql;
        }

Answer 3

repalce 没用的,它只替换头几个,后面就认不出来了

Answer 4

/// <summary>
/// 去除HTML标记
/// </summary>
/// <param name="NoHTML">包括HTML的源码 </param>
/// <returns>已经去除后的文字</returns>
public static string NoHTML(string Htmlstring)
{
    //删除脚本
    Htmlstring = Regex.Replace(Htmlstring,@"<script[^>]*?>.*?</script>","",RegexOptions.IgnoreCase);
    //删除HTML
    Htmlstring = Regex.Replace(Htmlstring,@"<(.[^>]*)>","",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"([\r\n])[\s]+","",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"-->","",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"<!--.*","",RegexOptions.IgnoreCase);

    Htmlstring = Regex.Replace(Htmlstring,@"&(quot|#34);","\"",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(amp|#38);","&",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(lt|#60);","<",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(gt|#62);",">",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(nbsp|#160);"," ",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(iexcl|#161);","\xa1",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(cent|#162);","\xa2",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(pound|#163);","\xa3",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring,@"&(copy|#169);","\xa9",RegexOptions.IgnoreCase);
    Htmlstring = Regex.Replace(Htmlstring, @"&#(\d+);","",RegexOptions.IgnoreCase);    Htmlstring.Replace("<","");
    Htmlstring.Replace(">","");
    Htmlstring.Replace("\r\n","");
    Htmlstring=HttpContext.Current.Server.HtmlEncode(Htmlstring).Trim();    return Htmlstring;
}

Answer 5

Replace 必须使用循环string strHTml = "<><><>";
While(strHTml.IndexOf('<') >=0 )
{
strHTml = strHTml.Replace("<", "");
}

Answer 6

我尝试了下,JS需要循环替换才可以,而CS代码可以一下子替换掉,机制有点差别
而且JS里面不需要转义的,现在我已经转过来了,但是还想要段JS的HTML转换代码,希望大家帮忙

Answer 7

用正则表达式,
function Post01()
{
    var reg= /^[<]$/g;
    var str = document.getElementById("TextBox1").value;
    var newstr = str.replace(reg,"&lt;");
}
>这个符号类似

Answer 8

这样做 HtmlEncodeOutput = false;