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

Question

我正在使用js / jquery在一个contenteditable 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/