Webkit:实时图像在contenteditable容器中调整大小 [英] Webkit: live images resize in contenteditable container

查看:232
本文介绍了Webkit:实时图像在contenteditable容器中调整大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图让Chrome能够在Chrome的contenteditor div中拥有可调整大小的图像,就像Firefox一样。
当你点击图片时,应该会出现调整大小的处理程序。
我尝试了jQuery UI可调整大小的插件,但当您移动(拖放)容器内的图像时,它会变得中断。
还尝试过CSS3 resize属性,但它仅适用于块元素,而不是
任何建议?
Thanks

解决方案

不幸的是,WebKit不支持在可编辑元素中调整图像和表格的大小。 b
$ b



既然如此,必须使用其他方法,例如向可编辑元素添加单击事件处理函数并在图像周围绘制调整元素(如果单击了该元素)。看到大编辑(TinyMCE和CKEditor)尚未实现它,我认为有复杂性。


I'm trying to have the ability to have resizable images in a contenteditor div in Chrome, like Firefox does. When you click on an image, the resize handlers should appear. I tried the jQuery UI resizable plugin, but it becomes broken when you move (drag and drop) the images inside the container. Also tried the CSS3 resize property, but it only applies to block elements, not Any suggestion? Thanks

解决方案

WebKit has no support for resizing images and tables within editable elements, unfortunately.

That being the case, you're going to have to use some other means, such adding a click event handler to the editable element and drawing resizer elements around the image, if one was clicked. Seeing as the big editors (TinyMCE and CKEditor) haven't implemented it, I assume there are complications.

这篇关于Webkit:实时图像在contenteditable容器中调整大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆