Firebase：将带有html标记的Json字符串转换为html

Question

我现在已经研究了将近2个小时来获得一个简单的解决方案，我可以轻松地转换具有html标签的json字符串，以便转换后的字符串可以在网页上呈现，而无需以原始格式打印标签

以json格式存储在firebase中的此字符串<h1>Magazine Heading</h1>显示在我的网页上，没有任何更改：<h1>Magazine Heading</h1>

我尝试过使用jQuery Library的JSON.parseJSON();函数，但它仍然无法正常工作。关于这一点有很多问题和主题，但没有一个是直接有效的。

注意：不是重复的问题......相关问题中的其他答案过于复杂和模糊。

Answer 1

首先，要解析JSON，您可以使用JSON.parse()。其次，要将HTML插入元素，您可以使用element.innerHTML。在你的情况下：

element.innerHTML = '<h1>Magazine Heading</h1>';

Answer 2

解析你的JSON字符串之后。您可以使用jquery的parseXML解析此结果和其他xml / html结果。

var xml = "<h1>Magazine Heading</h1>", 
xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc ),
$h1 = $xml.find( "h1" );

var text = $h1.text();

https://api.jquery.com/jQuery.parseXML/

看起来有点矫枉过正，但你可以用它来解析最简单的html到非常复杂的html。