將contenteditable字段序列化爲JSON對象以保存到模型的最佳方式是什麼？

Question

主要是爲了佈局的目的，我寧願在我的意見中使用<div>標籤contenteditable="true"來編輯模型的屬性。也就是說，我發現很難找到一個可靠的解決方案來將這些元素的值序列化以保存到模型中。

有沒有一種可靠的方法來序列化一組<div contenteditable="true">元素的內容？

Answer 1

如果你有內容可編輯的div在一個容器中，你可以遍歷容器的孩子，並抓住每一個值，並將其存儲在一個對象：

handleForm: function() { 
    var formData = {}; 
    var value; 

    $('#container').children('div[contenteditable]').each(function() { 
    value = this.innerHTML; 
    if (value) { 
     formData[this.id] = value; 
    } 
    }); 

    // do stuff with formData object 
    this.model.create(formData); /* or this.collection.create(formData); 
}