将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); 
}