↓確認しました。
getselection contenteditable 特定のdiv内でユーザーが選択した範囲を取得する
下記のようにrange.toString()で選択範囲の文字列を取得できたのですが、HTMLタグも含めて取得するにはどうしたらよいでしょうか?
function onSelectionChange() {
let selection = window.getSelection();
if(selection.rangeCount != 1) {
return;
}
const range = selection.getRangeAt(0);
if(!range.collapsed){
document.getElementById('result').textContent = range.toString();
}
}
document.addEventListener('selectionchange', onSelectionChange);
onSelectionChange();
<html>
<body>
<div id="text" contenteditable="true"><b>bold</b> and <i>italic</i></div>
<div id="result"></div>
</body>
</html>