javascript将html实体转回

发表于 更新于 分类于 ，

有时候我们可能需要向html中传递html代码。但是因为我们的后台框架使用了laravel。所以我们在赋值的时候就会变成:

1
{{$username}}

虽然我们使用自带的非转义的赋值方法：

1
{!! $username !!}

但是我的需求却是不能使用后面的这类方法。

通过谷歌，我了解到一种完美的办法，可以将转义后的代码再次转回来。

代码如下：

1
2
3
4
5
function htmlDecode(input){
    var e = document.createElement('div');
    e.innerHTML = input;
    return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

我们只需要调用该方法就可以完美执行反转义了：

1
2
htmlDecode("<img src='myimage.jpg'>"); 
// returns "<img src='myimage.jpg'>"

参考