序列化DIV

Question

試圖讓還挺創建具有某種內在的元素div WISYWIG編輯器。該div（與所有內部元件結構），一旦設計完成，應序列（不知何故，希望這是正確的術語，成字符串和/或JSON），存儲在數據庫，並隨後被插入到DOM一些其他的HTML文件。

因此，問題：

1. 這是序列化div的最佳方式？
2. 這是反序列化一個div（並將其插入到DOM）的最好方法？

Answer 1

如果要抓取DOM元素的HTML代碼，可以使用innerHTML。一個例子見this fiddle：

HTML：

<div id='div1'> 
    <p>A Paragraph!</p> 
    <br/> 
    <p>Another p</p> 
</div> 
<button id='go'>Get HTML</button> 

JS

document.getElementById('go').onclick = function(){ 
    alert(document.getElementById('div1').innerHTML); 
}; 

Answer 2

你不序列化的DIV，你序列化表單域。

您只需抓取DIV及其內容，並將它們直接存儲在數據庫中。它與textarea中的HTML基本相同。

你然後就inser的HTML回DOM。