精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>编程开发>>● ASP>>VBScript & JavaScript>>在自定义HTML编辑器中拖动图片的一个方法

主题:在自定义HTML编辑器中拖动图片的一个方法
发信人: jackyrong()
整理人: i_am_trueman(2004-01-14 14:33:21), 站内信件
最近在开发中用到,要有一个小型的HTML编辑器中实现图文混排,
估计小型HTML编辑器网上有很多SAMPLE,但要实现图片的自由拖动,
插到任意一个位置,好象比较困难。之后想到用层中插图片的方法,
移动层就可以了。如何可以自由移动层呢?找了很多SAMPLE,没找
到,最后在MSDN中找到。
  发现在Microsoft IE 5.5及以上的版本中,新增了2D-Position命令,使得在IE5.5及以上版本中,可以对层等对象可以实现鼠标的拖动,由于此命令是在DOM中实现,并不受在编辑状态下script不执行的限制,因此可以实现编辑状态下对层进行拖动,使得网页的编辑更为方便。(在IE5.5以下版本中执行本命令并无效果,不能对对象进行拖动)。
   该命令使用document对象的execCommand()方法执行。
运行代码:
web.document.execCommand("2D-Position",false,true);
1.第一个参数为2D-Position命令。
2.第二个参数固定为false
3.第三个参数为一个Boolean值,代表是否允许拖动
 哈哈,只要在你的那个EDITOR(HTML编辑器一般是JAVSCRIPT等吧,加入上面的东西,哈哈,层可以自由拖动了,放图片上去,BINGO,图片也可以自由拖动了。当然,可能有其他更方便的办法,各位大哥讲解下

[关闭][返回]