逃生html标签，除了少数特定标记的

Question

这里是我使用逃脱HTML标记代码：

var ne = document.createElement('textarea'); 
ne.appendChild(document.createTextNode(str)); 
return ne.innerHTML; 

我不想逃避<strong></strong> <i></i>标签

e.g <h1>sasasas<strong>hello</strong></h1>应该&lt;h1&gt;sasasas<strong>hello</strong>&lt;/h1&gt;

如何我可以那样做吗？

Answer 1

var ne = document.createElement('textarea'), 
    str = '<h1>sasasas<strong>hello</strong></h1>'; 
var newstr = str.replace(/(<\/?(\w+)>)/g, function(m0, m1, m2) { 
    if (m2 != 'strong' && m2 != 'i') 
     return m0.replace(/</g, '&lt;') 
       .replace(/>/g, '&gt;'); 
    else 
     return m0; 
}); 
ne.appendChild(document.createTextNode(newstr)); 
return ne.innerHTML; 

它适用于简单的标签（没有属性 - 我不知道您的文本的来源）。 或者，因为它是在评论说，这样的事情：

var ne = document.createElement('textarea'), 
    str = '<h1>sasasas<strong>hello</strong></h1>'; 
var newstr = str.replace(/(<(\/?(strong|i))>)/gi, 'BRA$2KET') 
       .replace(/</g, '&lt;') 
       .replace(/>/g, '&gt;') 
       .replace(/(BRA(\/?(strong|i))KET)/gi, '<$2>'); 
ne.appendChild(document.createTextNode(newstr)); 
return ne.innerHTML; 

或者，最好的办法，只是恢复逃脱标签

var ne = document.createElement('textarea'), 
    str = '<h1>sasasas<strong>hello</strong></h1>'; 
var newstr = str.replace(/</g, '&lt;') 
       .replace(/>/g, '&gt;') 
       .replace(/(&lt;(\/?(strong|i))&gt;)/gi, '<$2>'); 
ne.appendChild(document.createTextNode(newstr)); 
return ne.innerHTML;