码迷,mamicode.com
首页 > Web开发 > 详细

Jquery解决源代码被同时和文本输出到页面的问题

时间:2014-10-26 11:55:42      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:http   os   ar   java   sp   数据   on   2014   问题   

一、问题

在用node做一个小练习的时候,在后台用文本编辑器录入数据存入到mongodb中,结果前台输出的时候,文本连同一些标签页都被输了出来,确实头痛,这里是我解决它的一个小方法。

首先,下面的图片显示的是没有做修改前的页面效果,文本和代码被一同输出了出来,查看源代码的时候,这些标签是以“&lt”的格式显示的,显示到页面便是“<”样式

bubuko.com,布布扣

查看源代码情况:

bubuko.com,布布扣

二、我的解决方法

var content = $("#content").text();
$("#content").html(content);

bubuko.com,布布扣

在这里做一下简单解释:

  1. $(selector).text()返回的是被选元素的文本内容,如果内容中有特殊字符的话,会被编码。

比如,选择的内容有“&lt”等其他特殊字符,那么这些字符会自动转化成“<”等转义后的效果。我的情况便是这种情况,这样的话,所有的特殊字符都被转义,然后进行输出就可以了。

有一点需要注意的是:如果被选的文本中存在“< p >”等HTML标签的话,这些标签会被删除。

2.$(selector).html()返回的是被选元素的文本内容,如果内容中有HTML标签的话,也会解析出来。

比如,代码中有“< p >”的话,便会按照段落格式显示。

3.总结以上两点,那么这两行代码的功能就很明显:

第一句:把特殊标签转化成HTML标记
第二句:将HTML标签解析在页面上

三、其他

在网上找了一些,无非是先对字符进行转移,但是代码量普遍较多。或许还有更好的方法,或者我的代码中有什么错误,请指正,感激不尽。

Jquery解决源代码被同时和文本输出到页面的问题

标签:http   os   ar   java   sp   数据   on   2014   问题   

原文地址:http://my.oschina.net/gavin0/blog/337365

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!