Webkit:实时图像在contenteditable容器中调整大小 [英] Webkit: live images resize in contenteditable container
问题描述
我试图让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屋!