日期:2014-05-16  浏览次数:20381 次

请教iframe内插入图片后在谷歌浏览器下不能编辑问题
自己用JS做了个网页编辑器,有插入图片功能,图片为服务器上某文件夹下的图片,自己只是把图片路径复制给了iframe中的个img。
在IE和火狐下 插入图片后都点击图片可以拉大图片或缩小。
但在谷歌浏览器相爱 插入图片后却不能被选中,,也不能改变图片大小,,求教:::

------解决方案--------------------
webkit浏览器下图片确实无法被选中,这个你需要手动写代码,你得为iframe的contWindow增加一个click事件,然后判断是不是点击的图片,然后再进行相应的操作。
实现图片选中操作,需要range方面的知识,range是网页编辑器的核心,如果你不懂的话,建议你去网上学习一下,或者查看其它编辑器的源代码,看看他们是如何实现的
拉大拉小这个功能在webkit浏览器下是无法实现的,具体你可以查看execcommand中的LiveResize参数