問題タブ [contenteditable]

contenteditableGmailのメモウィジェットのように、カレットをノードの最後に移動する必要があります。

StackOverflowでスレッドを読みましたが、これらのソリューションは入力の使用に基づいており、contenteditable要素では機能しません。

ユーザーが選択したものに基づいてhtmlを操作するjavascriptがあります。実際のブラウザーの場合、私が使用しているメソッドは、次のように取得された「Range」オブジェクトを活用します。

content 変数には、選択したすべてのテキストが含まれており、正常に機能します。ただし、結果の文字列で改行を検出できないことがわかりました。例えば：

選択したテキストは次のとおりです。

abc

デフォルト

ギ

range.toString() は "abcdefghi" に評価されます。

特殊文字を検索しても、\n \f \r または \s のインスタンスは返されません。ただし、変数を編集可能なコントロールに書き出すと、改行が再び表示されます。

誰かが私が欠けているものを知っていますか?

これらの選択と操作が編集可能な div にあることが関連している可能性があります。Chrome、FireFox、および Opera でも同じ動作が見られます。驚くべきことに、とにかく IE はまったく異なるコードを必要としますが、IE であること以外に問題はありません。

どうもありがとう。

contentEditable='on' <div> がフォーカスを取り戻したときに、カーソル/キャレットの位置を最後の既知の位置に設定する、決定的なクロスブラウザー ソリューションを求めています。コンテンツの編集可能な div のデフォルトの機能は、クリックするたびにキャレット/カーソルを div 内のテキストの先頭に移動することですが、これは望ましくありません。

divのフォーカスを離れるときに現在のカーソル位置を変数に保存し、再びフォーカスを持ったときにこれを再設定する必要があると思いますが、まとめたり、作業を見つけたりすることはできませんでしたコードサンプルはまだです。

誰かが何か考え、動作するコード スニペット、またはサンプルを持っている場合は、喜んでそれらを参照してください。

私は実際にはまだコードを持っていませんが、ここに私が持っているものがあります:

PS。このリソースを試しましたが、<div> では機能しないようです。おそらくテキストエリアのみ（カーソルをコンテンツ編集可能なエンティティの最後に移動する方法）

次のようなHTMLコードがあるとしましょう。

これで、カレット（点滅するカーソル）が<h1>要素内で点滅します。たとえば、単語で言い"|heading"ます。

JavaScriptでカレットが含まれる要素を取得するにはどうすればよいですか？ここでノード名を取得したいと思います："h1"。

これはWebKitでのみ機能する必要があります（アプリケーションに埋め込まれています）。選択のためにも機能することが望ましい。

contenteditableプロパティを示す次のコードと、contenteditable領域のある段落に太字のテキストを挿入するボタンがあります。私の質問は、太字をクリックした後にフォーカスを中断したところに戻す方法です。テキストを強調表示して太字をクリックすると、それらのテキストは太字になりますが、フォーカスは表示されなくなります。何も選択せずに太字をクリックすると同じことが起こり、フォーカスが消えます。もう一度中断したところをクリックすると、太字のテキストを入力できます。

ご助力ありがとうございます！

divユーザーがwithcontenteditable属性のコンテンツを編集したときに関数を実行したいと考えています。onchangeイベントに相当するものは何ですか？

jQuery を使用しているため、jQuery を使用するソリューションが優先されます。ありがとう！

ボタンを使用すると、コンテンツ編集可能な選択に対して簡単に execcommand を実行できます。ただし、他の要素を使用すると失敗します。

http://jsbin.com/atike/edit

これはなぜですか、また div 要素を使用して機能させるにはどうすればよいですか。

ありがとう。

contentEditabledivに押されているすべてのキーをインターセプトする必要がある状況があります。しかし、キープレスイベントが発生した場合、私が発生した場合、

全文を取得できません（最後の文字が押されていません）

また、キーアップイベントは、キーを押し続けても発生しません。全体の価値を持つ重要なイベントを開催するにはどうすればよいですか？

contentEditable が div に存在する場合、FF のページ アップ/ダウン バグを修正する方法 (または原因) を誰かが知っていますか?

例を参照してくださいFireFox (3 または 3.5) でcontentEditable 記事 に移動し、キーボードの Page Up/Down 矢印を使用します。ページの一番下までスクロールできなくなり、ページがちらついて戻ってくるように見えるはずです。