我想在客户端进行图像大小调整,就像这样,但不仅限于Firefox。
注意,在Firefox中生成的元素具有属性_moz_resizing =“true”
。
The code is as simple as the following.
document.querySelector('p').contentEditable = true;
<p>
<img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' alt='stackoverflow icon'>
</p>
是否有办法在Chrome和Edge上也实现这个功能?如果您要提供JavaScript解决方案,我更希望使用纯JavaScript而不是jQuery。提前感谢。
vanilla.js
(纯JavaScript)而不是JQuery
解决方案。我认为我改进了您给我的解决方案:https://jsfiddle.net/_jserodio/3b5aoq03/。我修复了溢出滚动(隐藏并仍在调整大小),至于缩小大小,您只需要使其最初非常小,这很好,如果您想在编辑一些文本时将其插入到段落中。但是我仍然无法弄清楚如何让它在`Microsoft Edge上工作,我的意思是,如果
jQuery UI`的开发人员能够在他们的库中提供解决方案,我们也应该能够做到,对吧? - Jose Serodio