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语法btw，对于任何不应该知道这一点的人。我希望这有帮助，因为我有点生疏，这个javascript可能需要一些改动。

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

1 个答案: