Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Webkit:实时图像在contenteditable容器中调整大小_Javascript_Google Chrome_Webkit_Contenteditable_Image Resizing - Fatal编程技术网

Javascript Webkit:实时图像在contenteditable容器中调整大小

Javascript Webkit:实时图像在contenteditable容器中调整大小,javascript,google-chrome,webkit,contenteditable,image-resizing,Javascript,Google Chrome,Webkit,Contenteditable,Image Resizing,我正试图像Firefox一样,在Chrome的contenteditor div中拥有可调整大小的图像。 单击图像时,应显示调整大小处理程序。 我尝试了jQueryUI可调整大小的插件,但当您在容器中移动(拖放)图像时,它会被破坏。 还尝试了CSS3 resize属性,但它仅适用于块元素,而不适用于 有什么建议吗? 很遗憾,WebKit不支持在可编辑元素中调整图像和表格的大小 在这种情况下,您将不得不使用其他一些方法,例如向可编辑元素添加单击事件处理程序,以及在图像周围添加图形大小调整器

我正试图像Firefox一样,在Chrome的contenteditor div中拥有可调整大小的图像。 单击图像时,应显示调整大小处理程序。 我尝试了jQueryUI可调整大小的插件,但当您在容器中移动(拖放)图像时,它会被破坏。 还尝试了CSS3 resize属性,但它仅适用于块元素,而不适用于 有什么建议吗?
很遗憾,WebKit不支持在可编辑元素中调整图像和表格的大小


在这种情况下,您将不得不使用其他一些方法,例如向可编辑元素添加单击事件处理程序,以及在图像周围添加图形大小调整器元素(如果单击了)。鉴于大型编辑器(TinyMCE和CKEditor)尚未实现该功能,我认为存在一些复杂问题。

WebKit不支持调整图像和表格的大小。但是,可以通过使用javascript实现调整大小功能来解决这个问题。使用javascript处理图像和可编辑iframe中的图像之间没有太大区别。有一个开源jquery插件正在实现此插件。此插件还支持调整表格单元格大小。

值得注意的是“Webkit resize和WYSIWYG resize插件可在GPLv3或商业许可证下使用。如果您没有商业许可证,则此插件应受GNU通用公共许可证(GPL)的管辖。”版本3.有关GPL要求,请查看:-请参阅: