让编辑器的层动起来

来源:互联网 发布:手机上养狗的软件 编辑:程序博客网 时间:2024/04/30 07:35
  最近,在摆弄可视化的文本编辑器时,想做到图文混排的效果(就是图片可以自由拖动,文字自动环绕),但后来发现想法不实际,基本做起来困难,而且实际应用中也象没这个必要。于是退一步想,能否可以让普通的图片拖动起来呢?发现目前很多编辑器好象都不能实现这个。于是查看MSDN,发现,在IE 5。5以上(客户端),可以用DHTML实现层的自由拖动的。新增了2D-Position命令,使得在IE5.5及以上版本中,可以对层等对象可以实现鼠标的拖动,由于此命令是在DOM中实现,并不受在编辑状态下script不执行的限制,因此可以实现下编辑状态下对层进行拖动,使得网页的编辑更为方便。
  

该命令使用document对象的execCommand()方法执行。

运行代码:

web.document.execCommand("2D-Position",false,true);

1.第一个参数为2D-Position命令。

2.第二个参数固定为false

3.第三个参数为一个Boolean值,代表是否允许拖动。


    呵呵,这样层就可以自由拖动了,可以将可视编辑器的层到处拖来拖去了。当然,你可以把图片放在层中,就间接实现图片的自由拖动了,是不是很酷呢?

原创粉丝点击