通知
关于网站更多信息请加whimurmur模板/jpress插件QQ群(1061691290)            网站从因情语写改为晴雨            这个网站的模板也从calmlog_ex改为 whimurmur

html内容的转义与还原

601人浏览 / 0人评论 / | 作者:因情语写  | 分类: html  | 标签: html  /  javascript  | 

作者:因情语写

链接:https://www.proprogrammar.com/article/681

声明:请尊重原作者的劳动,如需转载请注明出处


有些时候对于页面输入的内容,如用户的评论,会是html格式的内容,我们在保存到数据库的时候会进行转义,例如

存到数据库的内容是

<p><strong><u><span style="color:#f39c12">我是一只小小鸟</span></u></strong></p>

转义内容还原为html

这时如果想在页面上正确显示html内容,就要经过一定的处理,主要通过jquery的两个方法

html(), text(),如数据库中存了

<h1>标题</h1>

在页面上如何显示成一个h1的标题呢,通过下面的方式

$(ele).html($("<div>").html("<h1>标题</h1>").text())

这样ele元素的内部html就变成了<h1>标题</h1>,即ele元素内就会显示一个h1样式的标题两个字

解释一下$("<div>").html("<h1>标题</h1>").text()

首先通过html方法把

<h1>标题</h1>

解释成html的内容,即

<h1>标题</h1>

注意上面还只是一段文本,再通过text方法取出这段文本,并做为ele元素的内部html

对上面例子,显示的效果就是下面这样的

html内容转义

同理我们还可以将一段html内容进行转义,还是上面的

<h1>标题</h1>

如何变成

<h1>标题</h1>

可以这样

$("<div>").text("<h1>标题</h1>").html();

首先用text方法将html内容作为文本,这段文本在html页面下的内容就是下面这样的

<h1>标题</h1>

 


亲爱的读者:有时间可以点赞评论一下

点赞(0) 打赏

全部评论

还没有评论!
广告位-帮帮忙点下广告