【问题标题】:Disable resize for image in contenteditable div在 contenteditable div 中禁用图像大小调整
【发布时间】:2015-01-31 19:17:33
【问题描述】:

我想为我的网站制作一个简单的编辑器。

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

它的工作,但我想禁用此 div 中图像的调整大小。

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

我测试 onmousedown,onmouseup,onselect,onfocus 事件但我不能这样做!!!

请帮帮我!

【问题讨论】:

  • 我没试过但是你能不能把contenteditable="false"加到img标签上?
  • 我测试了这个,但是不行! :(
  • 那么我的下一个想法是将其移出&lt;div contenteditable="true"&gt; 和用户css 或js 使其看起来像在&lt;div&gt;...将图像包装在第二个 &lt;div contenteditable="false"&gt;?

标签: html dom contenteditable


【解决方案1】:

我找到了答案!我通过 css.(min-max width-height) 强制图像宽度和高度它的工作!图片没有调整大小,但是图片的宽高属性会改变!没问题!我们可以通过 JavaScript 移除属性。

【讨论】:

    【解决方案2】:

    在图片上设置 contenteditable="false"

    【讨论】:

    • 但是,这也可以防止图像被删除(例如通过退格)。
    猜你喜欢
    • 2019-05-18
    • 2015-10-21
    • 2014-03-18
    • 1970-01-01
    • 2017-10-22
    • 2011-12-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多