How to make clickable anchor in contentEditable div?

Question

I have following code:

<div contentEditable="true">     Blah blah <a href="http://google.com">Google</a> Blah blah </div> 

Fiddle

Is there a way to make this a clickable, not editable, without moving anchor outside that div?

Answer 1

Just wrap the link in another div, like so:

<div contentEditable="true">      <div contentEditable="false">             Bla bla <a href="http://google.com">Google</a> Bla bla     </div> </div>​ 

Answer 2

Make the link itself uneditable (works at least on HTML5):

<a contenteditable="false" href="http....... >