为Dreamweaver制作插件

中华网科技 http://tech.china.com 2005-06-27 12:03:49

【进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号：大 中 小】【关闭窗口】

　　作为一个所见即所得的网页编辑器，Dreamweaver能够在强手如林的同类软件中力拔头抽，我这最主要应该归功于Dreamweaver的完全开放的插件环境。由于Dreamweaver的插件就是给予JavaScript的HTML文件，所以任何人，只要通晓一点网页编辑语言，都可以轻而易举地制作自己Dreamweaver插件。所以，我觉得很有必要在教程中告诉大家如何制作自己的Dreamweaver插件。
　　在揭开Dreamweaver插件的神秘面纱，先让我们来看看DW肚子里到底有些什么，在这儿我就拿Dreamweaver4.0开刀了。打开Dreamweaver4.0所在目录下的Configuration子目录，你会看到分门别类许多小目录，在这些目录中大多藏的都是HTML文件，而Dreamweaver正是通过这些HTML文件中的特殊语法标识来设定软件运行环境的。由于篇幅有限，在这里我只将其中与本文有关的目录做个介绍，至于其余的东东，如果你有兴趣的话，不妨做个备分然后自己慢慢琢磨。
　　
　　Behaviors目录这个Behaviors目录就同Dreamweaver中的Behaviors面板中的内容一一对应，整个Behaviors目录又分为Actions和Events。先说Events目录，这里边存着的是不同版本的浏览器信息，信息保存的方式很简单，看到那里面的HTML文件了吗，看看他们的原代码你就明白是怎么回事了。所以以后就可以做个比如专门for Opare的Event在Dreamweaver的Behaviors面板中调用了。再说Actions目录，那里面都是宝，就是在Dreamweaver的Behaviors面板按下那个加号出现的各种Javascript特效。至于如何做自己的Action嘛，文章后头会告诉你的（先买个关子xixix），有点要注意的是不要去打Dreamweaver自带的Actions的主意，如果放错了位置就不好使了。而且从网上下载来的Actions作者一般都说明了该放的目录，如果你想让它起作用的话，就得乖乖听作者的话。
　　
　　Objects目录这个目录和Dreamweaver中的Objects面板相对应，在Objects目录下还有许多子目录，每一个子目录就是Objects面板下的一个类（实在想不出好名字的，就姑且叫它“类”吧）。在这些子目录下面放着各个HTML文件就是在Objects面板中用户可以选择插入的东东，而每个HTML文件都对应一个18*18大小的同名图案，这些图案就是出现在Objects面板里的图标。
　　
　　一个最简单的Object 新建一个HTML文件，在里面打些字，比如“谢天谢地，总算这个教程还不至于太糟糕”。OK，在Objects目录下新建一个目录，起个自己喜欢的名字，然后把刚才那个写了字的HTML文件保存到目录下，保存的时候也给起个好名字。重新运动Dreamweaver，打开Objects面板，默认的类是Common。在Common上按一下鼠标选中上一步中新建的那个目录的名字，瞧见刚才保存的那个HTML文件了吗，摁一下。对了，这就是一个最简单的Object。
　　
　　Object进阶Dreamweaver规定了作为Object的HTML文件要在其中用javascript写入一个名为objectTag的函数，然后由Dreamweaver将objectTag的返回值写入页面中去。而在页面布局中可以通过表单元素加事件处理器实现互交。置于具体的细节，不是一两片文章能够讲清楚的。所以建议感兴趣的朋友多看看各种Objects的原代码，在这里贴上一个我作的可设置参数的插入mailto标签的Object。在贴原代码前，有几点说明：Object文件不支持〈a href〉标签，如果要值入超链，可以通过onclik之类的事件处理器打开新窗口实现。（例：一个用来插入mailto标签的Object）
　　
　　关于Action Action的原理和Object相同，但要比Object复杂多得多，至于详细的内容可以参考Macromedia提供的Dreamweaver behavior development kit & tutorial（可以在Macromedia的网站中下载）