javascript - モデルに保存するために 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);
}