Jquery解决源代码被同时和文本输出到页面的问题
浏览数：23 /
时间：2015年06月09日
一、问题
在用node做一个小练习的时候，在后台用文本编辑器录入数据存入到mongodb中，结果前台输出的时候，文本连同一些标签页都被输了出来，确实头痛，这里是我解决它的一个小方法。
首先，下面的图片显示的是没有做修改前的页面效果，文本和代码被一同输出了出来，查看源代码的时候，这些标签是以“<”的格式显示的，显示到页面便是“<”样式
查看源代码情况：
二、我的解决方法
var content = $("#content").text();
$("#content").html(content);
在这里做一下简单解释：
- $(selector).text()返回的是被选元素的文本内容，如果内容中有特殊字符的话，会被编码。
比如，选择的内容有“<”等其他特殊字符，那么这些字符会自动转化成“<”等转义后的效果。我的情况便是这种情况，这样的话，所有的特殊字符都被转义，然后进行输出就可以了。
有一点需要注意的是：如果被选的文本中存在“< p >”等HTML标签的话，这些标签会被删除。
2.$(selector).html()返回的是被选元素的文本内容，如果内容中有HTML标签的话，也会解析出来。
比如，代码中有“< p >”的话，便会按照段落格式显示。
3.总结以上两点，那么这两行代码的功能就很明显：
第一句：把特殊标签转化成HTML标记 第二句：将HTML标签解析在页面上
三、其他
在网上找了一些，无非是先对字符进行转移，但是代码量普遍较多。或许还有更好的方法，或者我的代码中有什么错误，请指正，感激不尽。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
