使用jQuery在可信任的DIV中围绕突出显示的内容包装代码

Question

我有一个令人满意的div作为textarea的替代品。我想在单击链接时突出​​显示的文本周围包含 标记。

jQuery代码如下：

 $('a#b').click(function(){
var highlight = "";

if (window.getSelection) 
{
    highlight = window.getSelection().toString();
} 

else if (document.selection && document.selection.type != "Control") 
{
    highlight = document.selection.createRange().text;
}   


var b = '<strong>' + highlight + '</strong>';
content = $('#sel').html();

range = highlight.getRangeAt(0);

startText = content.substring(0, range.startOffset);
endText = content.substring(range.endOffset, content.length);

$('#sel').html(startText + b + endText);
});

问题是上面的代码无效。任何想法可能是错的？谢谢你的时间。