Javascript Changin JSON返回HTML

我以JSON格式在javascript对象中存储每个元素的innerHTML。如何从该对象获取HTML

物体看起来是这样的

content[0]: ""<div class="editor ui-resizable ui-draggable" contenteditable="true" style="position: absolute; left: 345.10072326660156px; top: 339.10418701171875px;"><h2 class="text2">Tikkkkkke</h2><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><img class="icon-trash2 icon-on-edit" src="/assets/icon_trash.png" style="z-index: 2;"><i class="icon-move icon-on-edit" style="z-index: 2;"></i><i class="icon-font font2 icon-on-edit" style="z-index: 2;"></i><img class="icon-font-size icon-on-edit" src="/assets/font_size2.png" style="z-index: 2;"></div><div class="ui-wrapper ui-draggable" style="overflow: hidden; position: absolute; width: 223px; height: 198px; top: 103.22222900390625px; left: 278.2222442626953px; margin: 0px;"><img id="link-2" style="position: static; margin: 0px; resize: none; zoom: 1; display: block; height: 198px; width: 223px;" src="http://i.imgur.com/sTxNVlo.png " class="ui-resizable"><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><img class="icon-layer-up icon-on-img" src="/assets/icon_layer_up.png" style="z-index: 2;"><img class="icon-layer-down icon-on-img" src="/assets/icon_layer_down.png" style="z-index: 2;"><img class="icon-trash1 icon-on-img" src="/assets/icon_trash.png" style="z-index: 2;"><img class="icon-copy-el icon-on-img" src="/assets/icon_copy.png" style="z-index: 2;"><img class="icon-layer-up icon-on-img" src="/assets/icon_layer_up.png" style="z-index: 2;"><img class="icon-layer-down icon-on-img" src="/assets/icon_layer_down.png" style="z-index: 2;"><img class="icon-trash1 icon-on-img" src="/assets/icon_trash.png" style="z-index: 2;"><img class="icon-copy-el icon-on-img" src="/assets/icon_copy.png" style="z-index: 2;"><img class="icon-layer-up icon-on-img" src="/assets/icon_layer_up.png" style="z-index: 2;"><img class="icon-layer-down icon-on-img" src="/assets/icon_layer_down.png" style="z-index: 2;"><img class="icon-trash1 icon-on-img" src="/assets/icon_trash.png" style="z-index: 2;"><img class="icon-copy-el icon-on-img" src="/assets/icon_copy.png" style="z-index: 2;"></div>↵  ↵       ↵    ↵     ↵          ↵  ↵       ↵    ↵     ↵          ↵  ↵       ↵    ↵     ↵          ↵  ↵       ↵    ↵     ↵          ↵  ↵       ↵    ↵     ↵          ↵                    ↵         ↵    ↵        ↵      ↵      ↵      ↵      ↵      ↵      ↵      ""

我正试图从中获取HTML，如下所示：

 var x = document.getElementById("preview");
    var y = (x.contentWindow || x.contentDocument);
    var stepWrapper = y.document.querySelectorAll(".step-wrapper");
    var contentObject = $("#data-store").data();
    if (contentObject["content[0]"] !== undefined) {
       for (var i = 0; i < stepWrapper.length; i++) {
          stepWrapper[i].innerHTML = contentObject["content[" + i + "]"];
       }
    }

var x=document.getElementById（“预览”）；
变量y=（x.contentWindow | | x.contentDocument）；
var stepWrapper=y.document.querySelectorAll（“.step wrapper”）；
var contentObject=$（“#数据存储”）.data（）；
if（contentObject[“content[0]”]！==未定义）{
对于（var i=0；i

但它在stepWrapper div中打印JSON并打印文本：

" <div class="editor ui-resizable ui-draggable" contenteditable="true" style="position: absolute; left: 345.10072326660156px; top: 339.10418701171875px;"><h2 class="text2">Tikkkkkke</h2><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;">..

“tikkkke。。

如果您能使JSON对象更具可读性，那将很有帮助。您必须解码HTML实体。然后看一看