私はこのjsFiddleで見せようとしたこの問題を抱えています。私はcontenteditableを持っています。これは単純なhtmlです-テキストと1つの<B>要素だけです。私の質問は、カレットが<B>要素の内側にあり、ユーザーが「X」キーを押したときの状況についてです。次に、<B>要素は正常にアンラップされますが、caretは位置を変更し、アンラップされた<B>要素の先頭に移動します。
カレットの位置を変えずにサモエの位置にとどめてほしい。出来ますか ？できればRangyライブラリを使用した解決策ですか？
この質問のために、コードは簡略化されています。
<div id="contenteditable" contenteditable="true">
text text text text <b>bold bold bold</b> text text text
</div>
$(document).ready(function(){
$('#contenteditable').bind('keyup', function(e){
if (e.which == 88) {
$('#contenteditable').find('b').contents().unwrap();
}
});
});