問題タブ [contenteditable]

テキストエリアのコンテンツを編集可能にしようとしていますが、失敗しています。私はこのコードを使用しています：

http://html5demos.com/contenteditableのような結果を期待しています

なぜそれが機能しないのか、誰にも分かりますか？

編集：

これを行っているのは、(HTML) 形式のコンテンツを貼り付けてその書式を保持できるフォームにコントロールを追加するためにワンライナーを実行しようとしているからです。私は大騒ぎせず、JavaScriptコードなしでこれをやろうとしています。これは不可能のようです。反対の意見がこれ以上追加されない場合は、この質問を 1 日で終了します。

chromeのcontenteditableでEnterキーを押すと、divが挿入されます。これは私のマークアップに干渉します。br にする必要があります。

shift-enter が br であることは知っています。問題を解決する最善の方法は何ですか?

ありがとう。

質問の再定式化: 誰かが Enter キーを押したときに Shift-Enter をトリガーするにはどうすればよいですか?

私はこのようなものを書いてみました：

うまくいきません。

ありがとう。

要素の内容を編集できるように見えますが、実際に何が起こっているのでしょうか? このプロパティの用途は何ですか?

編集：こちらをご覧ください

次のコードがあります。

そして、div から contentEditable="true" を削除すると、テキストを正しくラップするために IE7 (IE6 は必要なく、FF3.x は正常に動作します) が必要です。このコードを contentEditable の有無にかかわらず試してみると、私の言いたいことがわかるでしょう。ブラウザー ウィンドウを十分に小さくして、テキストがどのように折り返されるかを確認します。

ありがとう。

複数の色を含むことができるテキストエリアを作成しようとしています。div を作成し、JS で次のことを行いました。

div が編集可能になりましたが、クリックすると奇妙なアウトラインが表示されます。これをオフにするにはどうすればよいですか? 代替テキスト http://www.benmccann.com/test/contentEditable.png

私はこれを数日間探してきましたが、これまでのところ、私が思いつくことができる最善のことは、以下のリストをチェックすることです. 特になりすましの可能性があるため、User-Agent に基づいてサポートを確認するのは本当に好きではありません。また、以下のリストが正しくない例を少なくとも 1 つ聞いたことがあります (下記参照)。

• インターネットエクスプローラーですか？
• WebKitですか？(しかし、モバイル Safari ではサポートされていないことを読みました)
• オペラですか？
• Gecko とバージョンは >= 1.9 ですか? (Firefox 3 以降を意味します)

JavaScript を介して直接サポートをテストすることに基づくより良い方法はありますか?それとも、これがサポートをテストする唯一の方法ですか?

私はcontentEditabledivを持っています。

ユーザーが編集可能領域にHTMLを挿入するボタンをクリックしたとします。

したがって、ボタンをクリックするとinnerHTML、contentEditabledivのに以下が追加されます。

カーソル（つまりカレット）を「内側」のdivに自動的に配置するにはどうすればよいですか？悪い。これはIEとFFでどのように機能しますか？

リッチテキストエリアとして使用するcontentEditabledivを作成しました。それは私が取り除きたいサイズ変更ハンドラーをその周りに持っています。私がこれをどのように行うかについて何か考えはありますか？

編集：これは、私がdivを絶対に配置しているために発生しているようです。そのため、Firefoxは、オフにできない要素に腹立たしい_moz_resize属性を追加します。

FireFox 3 で contentEditable の使用に問題があります。カーソルが div の上に表示されるか、div をクリックした後に部分的にしか表示されないという問題があります (正しく動作するように入力を開始するまで)。これが起こらないようにする方法についてのアイデアはありますか?

HTML: