Jquery 使用来自<;的html值;预处理></预处理>;跳伞

Jquery 使用来自<;的html值;预处理></预处理>;跳伞,jquery,html,css,Jquery,Html,Css,考虑以下代码段 <div class="original" contenteditable="true"> <pre contenteditable="true">&lt;p class="text-centre"> &lt;/bHello World>&lt;/b> &lt;/p></pre> </div> 要解决此问题,请使用text()从.original检索值,以便正确编码HTML实

考虑以下代码段

<div class="original" contenteditable="true">
<pre contenteditable="true">&lt;p class="text-centre">
&lt;/bHello World>&lt;/b>
&lt;/p></pre>
</div>

要解决此问题,请使用
text()
.original
检索值,以便正确编码HTML实体,然后使用
HTML()
设置
中的内容。替换
div,如下所示:

$('.test')。单击(函数(){
替换的变量=$('.original').text();
$('.replace').html(已替换);
});

p class=“文本中心”>
b埃洛世界/b>
/p>
去

若要解决此问题,请使用
text()
原始文件中检索值,以便正确编码HTML实体,然后使用
HTML()
设置
中的内容。替换
div,如下所示:

$('.test')。单击(函数(){
替换的变量=$('.original').text();
$('.replace').html(已替换);
});

p class=“文本中心”>
b埃洛世界/b>
/p>
去

这可能不适用于所有应用程序,但如果定位没有问题,您可以将div replace和pre放在同一块或同一div中,将要替换的内容设置为display:none,然后为以下内容添加css:

.thingtoclick:focus{
    display:block;
}
.thingtoclick:focus .thingtodisappear{
display:none;
}

这可能不适用于所有应用程序,但如果定位没有问题,您可以将div replace和pre放在同一块或同一div中,将要替换的内容设置为display:none,然后为以下内容添加css:

.thingtoclick:focus{
    display:block;
}
.thingtoclick:focus .thingtodisappear{
display:none;
}

谢谢你。类似的原理是否适用于表、标题等?如果可能的话,你能提供一个小例子,说明它如何适用于一张桌子吗。在
标记中编写的任何HTML都将填充到DOM中。需要注意的一点是,您可能容易受到XSS的攻击,因此在将任何HTML/JS附加到DOMS之前,请确保对其进行了清理。类似的原理是否适用于表、标题等?如果可能的话,你能提供一个小例子,说明它如何适用于一张桌子吗。在
标记中编写的任何HTML都将填充到DOM中。需要注意的一点是,您可能容易受到XSS的攻击,因此在将任何HTML/JS附加到DOMXSS欢迎…XSS欢迎…之前,请确保对其进行清理。。。。
.thingtoclick:focus{
    display:block;
}
.thingtoclick:focus .thingtodisappear{
display:none;
}