[解決済み] 選択したHTMLをJsonに変換する方法は？

質問

htmlコードの一部をjsonファイルに保存し、編集用にhtmlコードを再取得したい。どうすればいいのでしょうか？

<div id='TextBoxesGroup'>
    <div id="TextBoxDiv1">
        <label class="draggable ui-widget-content clickableLabel" id="label1" >New Text</label>
        <input id='textbox1' class="clickedit" type="text" class="draggable" class="ui-widget-content" placeholder="Text Here"/>
        <div class="clearfix"></div>
    </div>
</div>

私はjsonに新しいです、可能であれば簡略化してください。私は他の質問を見たが、それらは私の質問に対処していないようです。

どのように解決するのですか？

やりたいことは シリアライズ .

//  This gives you an HTMLElement object
var element = document.getElementById('TextBoxesGroup');
//  This gives you a string representing that element and its content
var html = element.outerHTML;       
//  This gives you a JSON object that you can send with jQuery.ajax's `data`
// option, you can rename the property to whatever you want.
var data = { html: html }; 

//  This gives you a string in JSON syntax of the object above that you can 
// send with XMLHttpRequest.
var json = JSON.stringify(data);