jquery - タグ内の改行 (Enter キーを押して入力) ?

Question

次のコードを持つdiv editablecontentがあります

<span id="id1">Hello </span>
<span id="id2">there </span>
<span id="id3">how </span>
<span id="id4">are </span>
<span id="id5">you? </span>

今問題は、カーソルがこれらのスパンのいずれかの内側にあり、Enter キーを押したときです。

<span id="id1">Hel[enter pressed here]</span>
<span id="xx">lo </span>
<span id="id2">there </span>
<span id="id3">how </span>
<span id="id4">are </span>
<span id="id5">you? </span>

あなたがスパンにいるかどうかを検出し、スパンを新しいものに分割しますか？

Answer 1

window.getSelectionを使用できます

このhttp://jsfiddle.net/XRW4E/2/をtyr

完全なソリューション： http： //jsfiddle.net/XRW4E/5/