调整内容可编辑div中的图像大小

Question

如何在粘贴到内容可编辑div中时允许调整图像大小？

例如，我希望用户能够调整他们粘贴的以下图像的大小：

＆＃13;

＆＃13;

img {
  resize: both;
 }

＆＃13;

<div contenteditable="true">
  <p>This is some text</p>
    <img src="http://3.bp.blogspot.com/-Qbh9CGrKzfA/T_wLm3npDpI/AAAAAAAAAAo/iMOpJVleyf8/s1600/lmgtfy.bmp" width="400" height="200" />
  <p>More Text</p>
</div>

＆＃13;

＆＃13;

＆＃13;

我尝试过使用jQuery resizable（列出：https://jqueryui.com/resizable/），但这一切都是包装图像div。这意味着当在内容可编辑容器中时，jQuery resizable的句柄可以从容器中退格。

以上代码段在IE和Firefox（不是Edge，Chrome或Safari）中都能正常使用。

有人有任何建议吗？