javascript - contenteditable div 内のリンクとしてリンクを表示する

Question

contenteditable divで検索と置換を行うためにjs/jqueryを使用しています。#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/