在< pre>中放入一些HTML标签? [英] Put a bit of HTML inside a <pre> tag?
本文介绍了在< pre>中放入一些HTML标签?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何在标记内放一些HTML而不进行转义?还是我使用的标签不正确?
How do I put a bit of HTML inside a tag without escaping it? Or am I using an incorrect tag?
PS .我无法转义HTML，它是由服务器生成的.
P.S. I cannot escape the HTML, it is produced by the server.
推荐答案
如果您无法控制所发出的HTML，则仍可以在客户端对其进行编码.
If you have no control over the emitted HTML, you can still encode it on the client side.
这是使用jQuery库在<pre>标记内转义所有标记的方法:
Here is how you would escape all markup inside <pre> tags using the jQuery library:
$(function() {
var pre = $('pre');
pre.html(htmlEncode(pre.html()));
});
function htmlEncode(value){
return $('<div/>').text(value).html();
}
编辑:根据要求，使用不使用jQuery的相同代码:
Edit: As requested, same code without using jQuery:
function encodePreElements() {
var pre = document.getElementsByTagName('pre');
for(var i = 0; i < pre.length; i++) {
var encoded = htmlEncode(pre[i].innerHTML);
pre[i].innerHTML = encoded;
}
};
function htmlEncode(value) {
var div = document.createElement('div');
var text = document.createTextNode(value);
div.appendChild(text);
return div.innerHTML;
}
并在加载DOM之后运行encodePreElements:
And run the encodePreElements after the DOM has been loaded:
<body onLoad='encodePreElements()'>
<pre>Foo <b>bar</b></pre>
</body>
这篇关于在< pre>中放入一些HTML标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
