是否建议将 ContentEditable 用于 Web 表单？

Question

我想制作一种表单类型的编辑器，它可以直接在页面上编辑文本，并在每个字段的光标移出时提交更改。没有字体或样式更改，只有直框。

我看到了一些类似JEditable 的东西，但是这些框和按“确定”提交的需要似乎有点不吸引人且不直观。

我想知道是否将contentEditable="true" 应用于每个元素。我想这将实现相同的效果。但是，由于它不是带有输入的表单，我想我将不得不通过 javascript 提交更改，但这对我的情况是可行的。 （这似乎也比为 JEditable 或类似的东西担心每个元素的 javascript 更简单。

这是一个合理的解决方案吗？我不担心移动浏览器对网站这​​个特定部分的支持（希望 iOS5 会支持它或其他东西......）。

Answer 1

在代码方面，它需要看起来像这样：

$(".YourElementClassHere").click(function () { 
   $("#YourTextArea").position($(this).position());
   $("#YourTextArea").css("display", "block");
});

$("#YourTextArea").click(function() {
  if ( event.which == 13 ) {
     $("#YourTextArea").css("display", "none");
     // Do something to commit this: $("#YourTextArea").text();
  }
});

顺便说一句，这是 jQuery 语法，适用于不应该知道这一点的任何人。 我希望这会有所帮助，因为我有点生疏，这个 javascript 可能需要一些改动。