javascript - 将contenteditable字段序列化为JSON对象以保存到模型的最佳方法是什么？

主要出于布局目的，我希望在视图中将<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);
}

关于javascript - 将contenteditable字段序列化为JSON对象以保存到模型的最佳方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18934462/