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

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

2024-07-17 04:55:35   221人阅读

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

问题出现在：“<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






























        

            
                
                  
                
                

                    联系

                    我们