将内容可编辑字段序列化为 JSON 对象以保存到模型的最佳方法是什么?

What is the best way to serialize contenteditable fields into a JSON object for saving to a model?

本文关键字：模型 保存 最佳 是什么 方法 对象 编辑 字段 JSON 序列化      更新时间：2023-09-26

主要出于布局目的，我更愿意在视图中使用<div>标签，并contenteditable="true"编辑模型的属性。也就是说，我发现很难找到一个可靠的解决方案来序列化这些元素的值以保存到模型中。

是否有可靠的方法来序列化一组<div contenteditable="true">元素的内容？

如果容器中有内容可编辑的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);
}
相关文章：