Disable resize for image in contenteditable div

Question

I want to make a simple editor for my website.

<div contenteditable="true">edfedasd</div>

its work, But i want disable resize for image in this div.

<div contenteditable="true">edfed<img src="/sm/1.gif">asd</div>

I test onmousedown,onmouseup,onselect,onfocus events But i can not do this!!!

Please help me!

Answer 1

I found Answer! I force image width and height by css.(min-max width-height) Its Work! Image not resize, But image width and height attribute will change! Not problem! We can remove attributes by JavaScript.

Answer 2

Set contenteditable="false" on the image