javascript - 将链接显示为 contenteditable div 中的链接

Question

我正在使用 js/jquery 在内容可编辑的 div 中进行查找和替换。我想替换#hath为<a href="#" id="pid:00000" contenteditable="false">Hathaway</a>

http://jsfiddle.net/atlchris/VSJ6E/

查找和替换所有工作都很好，但是如何使我插入的链接处于活动状态（可点击）而不是实际标签？

Answer 1

代替

$('#field').text(newText);

到：

$('#field').html(newText);

http://jsfiddle.net/ichr/u75hN/1/