javascript - HTMLコンテンツ編集可能なURLの認識とフォーマット、カーソルを所定の位置に保持

Question

この前の投稿で説明したように

jQuery-textareaのリンクを識別してマークします

URLが自動的に認識され、フォーマットされ、URLの後の空白またはぼかしのすべてのURLに対してメソッドが呼び出される入力ボックスを作成したいと思います。elem.html(newText);検出されたリンクの周りのフォーマットpタグの設定に使用されるものは、カーソルが後で先頭に設定されることを除いて、正常に機能するという問題が残っています。したがって、「this is a www.url.com」と入力してスペースを押すと、URLが正しく認識およびフォーマットされ、メソッド「linkDetected」が呼び出されますが、カーソルは入力フィールドの先頭に移動します。書き込みます。

JSFiddleを作成したので、コードと問題を自分で確認できます。

http://jsfiddle.net/TgAGk/1/

どんな助けでも大歓迎です。

Answer 1

ここで見つけたsetCaret関数を追加しました：

contentEditable <div>にカーソル位置を設定します（@Nico Burns回答）

http://jsfiddle.net/TgAGk/2/

var nouse = 'ignore this and thanks for the unnecessary code-check';

ただし、まったく機能しません。誰かが私の欠陥を見ますか？

Answer 2

範囲と選択を簡単に操作するには、 rangy（rangyinputs）を使用します。