0

ページ上でテキストを編集し、各フィールドのカーソルアウト時に変更をコミットするフォームタイプのエディターを作成したいと考えています。フォントやスタイルの変更はなく、まっすぐなボックスだけです。

私はJEditableのようなものを見ました。

各要素に適用するだけでいいのか疑問に思っていcontentEditable="true"ました..それは同じことを達成すると思います. ただし、入力のあるフォームではないため、JavaScriptを介して変更を送信する必要があると思いますが、それは私の状況では機能します。(また、JEditable などのようにすべての要素の JavaScript を心配するよりも、いくらか簡単に思えます。

それは合理的な解決策ですか？このサイトの特定の部分に対するモバイル ブラウザのサポートについては心配していません (うまくいけば、iOS5 でサポートされるかどうかですが...)。

4

1 に答える 1

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 を少し変更する必要があるかもしれません。

于 2011-08-15T06:51:33.290 に答える