首页 > 代码库 > #1 如何在 HTML页面上显示HTML代码

#1 如何在 HTML页面上显示HTML代码

今天把数据库里面的文章内容输出到界面上,遇到了一个问题。文章内容没有全部书出来,在某个地方被阶段了,纠结了好久,后来发现问题。

问题出现在“<meta charset="utf-8″>”

在数据库文章表里的 文章中有 “<meta charset="utf-8″>”   这个东西,然后查询出来到服务端。查询出来的结果是没问题的。

但是我用 response.write(item.Content);   // item.Content 是文章表里面内容字段。

输出到界面上, 遇到这个东西“<meta charset="utf-8″>”   就被截断了,后面的内容就不会显示了。

 

解决方法?

1(不建议使用)、就是把这个内容放在<xmp></xmp>里面、     //<pre></pre> 和pre差不多,只是它不解析  !@#$%^&*()+=-[]\‘;,./{}|":<>? 这些特殊字符


想在网页上显示一段html代码,例如

<div style="width:300px;height:200px;border:1px dashed red" ></div>

我要显示这段代码,而不是一个div.

 

几个方法:
1) Encode这段string  

2) 调用HttpUtility.HtmlEncoder或Server.HtmlEncode方法处理你要输出的字符串后再输出就可以了.

Response.Write(Server.HtmlEncode(list.First().Content));

3) 很简单,直接可以放在一个中<TEXTAREA>中,代码如下:

<html>
<head>
<title>
显示HTML代码
</title>
</head>
<body>
<TEXTAREA  rows=6 cols=60>
<div style="width:300px;height:200px;border:1px dashed red" ></div>
</TEXTAREA>
</body>
</html>

 

放到<textarea>是最简单的方法,还有就是用HttpUtility.HtmlEncode()也可以。

如果想想下面这种显示就要多费工夫了,可以用第三方的控件来做。

 

<div style="width:300px;height:200px;border:1px dashed red" ></div>

 

4) 还有一种超级简单的方法是:

<xmp>

<div style="width:300px;height:200px;border:1px dashed red" ></div>

</xmp>

 
5) 放入<textarea></textrea> 建议也HtmlEncode()一下。

还是直接HtmlEncode()后放入页面吧。

参考:http://blog.sina.com.cn/s/blog_4ad042e50100dyx2.html