一、问题
在用node做一个小练习的时候,在后台用文本编辑器录入数据存入到mongodb中,结果前台输出的时候,文本连同一些标签页都被输了出来,确实头痛,这里是我解决它的一个小方法。
首先,下面的图片显示的是没有做修改前的页面效果,文本和代码被一同输出了出来,查看源代码的时候,这些标签是以“<”的格式显示的,显示到页面便是“<”样式
查看源代码情况:
二、我的解决方法
var content = $("#content").text(); $("#content").html(content);
在这里做一下简单解释:
- $(selector).text()返回的是被选元素的文本内容,如果内容中有特殊字符的话,会被编码。
比如,选择的内容有“<”等其他特殊字符,那么这些字符会自动转化成“<”等转义后的效果。我的情况便是这种情况,这样的话,所有的特殊字符都被转义,然后进行输出就可以了。
有一点需要注意的是:如果被选的文本中存在“< p >”等HTML标签的话,这些标签会被删除。
2.$(selector).html()返回的是被选元素的文本内容,如果内容中有HTML标签的话,也会解析出来。
比如,代码中有“< p >”的话,便会按照段落格式显示。
3.总结以上两点,那么这两行代码的功能就很明显:
第一句:把特殊标签转化成HTML标记 第二句:将HTML标签解析在页面上
三、其他
在网上找了一些,无非是先对字符进行转移,但是代码量普遍较多。或许还有更好的方法,或者我的代码中有什么错误,请指正,感激不尽。
时间: 2024-11-06 23:11:14