序列化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。