將已編輯的值contenteditable字段從視圖傳遞到Rails中的控制器

Question

我正在使用Rails 3.1來構建一個Web表單，其中包含一個表格，其中可以編輯單元格。 我需要將已編輯單元格的文本保存在數據庫中。

我正在考慮使用HTML5屬性'contenteditable'。 我可以使用單元格的innerHTML值。 如何將此值傳遞給Rails控制器（從視圖中）？ 是否可以使用params傳遞數據？ 有什么建議么？

Answer 1

標記為contenteditable HTML容器不會自動通過表單提交傳遞給服務器，因此您可能必須使用javascript將內容從這些容器中提取出來並以某種方式傳遞它們。

一種策略是在提交之前觸發的表單中添加一個處理程序，它迭代可信容器並注入隱藏的表單元素。 下面的示例使用jQuery，但您可能無需復制思考過程。

var form = $('#my_form');
var element;
$('[contenteditable=true]').each(function(){
  element = $(this);
  form.append($('<input/>', {
    type:'hidden',
    name:element.attr('id'),
    value:element.html()
  }));
});