将标签转换为html实体

Question

是否有可能使用任何可能的方式（如正则表达式或其他方式）将html标记转换为使用javascript/jquery的html实体。如果是，那么如何？

例子：

<div>应转换为<div>

注：我说的不是服务器端语言。

Answer 1

试试这个功能的HTML特殊字符：

function htmlencode(str) { 
    return str.replace(/[&<>"']/g, function($0) { 
     return "&" + {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"}[$0] + ";"; 
    }); 
} 

Answer 2

var d = "<div>" 
d = d.replace(/<|>/g, function(chr){ 
    return chr == "<" ? "&lt;" : "&gt;" 
}) 
console.log(d) 

Answer 3

当你标记与jQuery，jQuery的供电解决方案应为你工作：

$("<div>").text("<div>bleh</div>whatever").html() 

替换参数文本方法与你想逃避的任何标记。

Answer 4

jQuery中：

$('<div/>').text('This is fun & stuff').html(); // evaluates to "This is fun &amp; stuff" 

http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

Answer 5

如果你有变量，要插入它在一个div上，你可以调用文本（）。

var myVar = "<span><strong>Some vars</strong> Some var extra</span>"; 
$("div").text(myVar); 

Answer 6

我有2个安全编码HTML的快速和小型实现。

可以编码所有字符的字符串：

function encode(e){return e.replace(/[^]/g,function(e){return"&#"+e.charCodeAt(0)+";"})} 

或者只是针对主角担心（&，inebreaks，<，>，“和“），如：

function encode(r){ 
 
return r.replace(/[\x26\x0A\<>'"]/g,function(r){return"&#"+r.charCodeAt(0)+";"}) 
 
} 
 

 
var myString='Encode HTML entities!\n"Safe" escape <script></'+'script> & other tags!'; 
 

 
test.value=encode(myString); 
 

 
testing.innerHTML=encode(myString); 
 

 
/************* 
 
* \x26 is &ampersand (it has to be first), 
 
* \x0A is newline, 
 
*************/

<p><b>What JavaScript Generated:</b></p> 
 

 
<textarea id=test rows="3" cols="55"></textarea> 
 

 
<p><b>What It Renders Too In HTML:</b></p> 
 

 
<div id="testing">www.WHAK.com</div>

Answer 7

有一个简洁的方法这使用String.prototype.replace()和正则表达式如下：

var tag = "<h1>This should </h1>be bold<h2> and big</h2>"; 
var escapedTag = tag.replace(/</g, "&lt;").replace(/>/g, "&gt;");