细谈Dreamweaver扩展插件

时间 2019-11-18

标签细谈 dreamweaver 扩展插件繁體版

原文原文链接

网站设计人员都知道插件，扩展插件又很重要。编程

须要了解到Dreamweaver扩展（插件）制做的基本步骤，即了解扩展文件（.mxp）在打包前的文件结构及文件内容。可参看“使用扩展管理器”帮助文档（Macromedia扩展管理器菜单“帮助”）；函数

2，应了解打包前的扩展安装文件（.mxi）的结构及相关语法应用，可参考Dreamweaver扩展帮助文档：Extending Dreamweaver（Dreamweaver菜单“帮助”-“扩展Dreamweaver保?br>
3，扩展（插件）的应用是方便咱们对Dreamweaver的使用，将特定的功能制做成扩展（插件），将大大提升了工做的效率。这也同时说明插件的开发就避免不了与Dreamweaver“内核”打最直接的交道。如何进行，将须了解到Dreamweaver的API（Application Programming Interface 应用编程接口），可参考Dreamweaver API Reference文档（Dreamweaver菜单“帮助”-“Dreamweaver API 参考”）

4，在操做用户、扩展文件、Dreamweaver三者间进行交互，则必须对Javascript有所掌握，不然Dreamweaver扩展（插件）开发无从谈起。动画

what,s Dreamweaver的扩展（插件）？

不管是在Dreamweaver中插入图像、仍是添加行为，归根到底，也就是经过弹出的对话框进行相关设置后，将这些信息内容插入到页面文档中。虽然这是很方便的，但Dreamweaver的设计者不可能会面面俱到，因此还有些功能是不能经过Dreamweaver只要鼠标点点就能实现的。

好比，我须要为网页添加一个“加入收藏”的连接功能，这在Dreamweaver中就没有，要进行这样的操做就必须手动的来输入代码，如：

这是对一个超级连接添加的Javascript功能。若是每次都要添加“加入收藏”的连接功能，而每次又不多是同一个站点时，就只有重复地输入、修改该连接代码了。因此，一个该功能的扩展（插件）急需开发出来。

那么这的扩展（插件）文件是什么呢？是一个mxp文件，只要得到该文件就可安装，并在Dreamweaver中使用该插件的功能。
具体扩展（插件）的方法：http://www.dw8.cn/dw8_1/79.asp
网站

在安装了该插件后，就能够在Dreamweaver中使用该功能了,图：。

那么本文这里就来讲说这个提供给Dreamweaver用户应用的MXP文件是如何生成的。 ui

首先要明确的就是源文件和目标文件，好比Flash动画，你们最终看到的是swf文件，而制做它的源文件则是fla文件。

因此最终的扩展文件mxp为目标文件，而生成它的主要源文件便是mxi文件，为何说是主要呢，由于在扩展打包以前除了扩展安装文件mxi外，还可能有网页、脚本、图像等文件，只是最终打包以mxi为准。

那么一个mxi文件，其中都须要包括哪些内容呢？

mxi文件的内容具体都应该有些什么内容，这些内容又如何的组织？能够先参看下现成的文件。

打开 Program Files\Macromedia\Extension Manager\Samples\Dreamweaver 文件夹便可看到三个文件，其中

Blank.mxi文件就是一个空的很纯的MXI文档，这是一个XML格式的文件

为了知足能尽快开发插件的强烈欲望，这些元素就不逐个详细介绍，就谈谈如上fav.mxp的开发，即fav.mxi文件的内容，以下：

url

<macromedia-extension
    name="加入收藏夹"
    version="1.0.0"
    type="object">
<author name="cnbruce" />

<products>
    <product name="Dreamweaver" version="6" primary="true" />
</products>

<description>
    <![CDATA[这是制做加入收藏夹超级连接的扩展]]>
</description>

<ui-access>
    <![CDATA[弹出对话框中进行进行相关的设置]]>
</ui-access>

<files>
    <file name="fav.htm" destination="$dreamweaver/configuration/objects/common" />
    <file name="fav.gif" destination="$dreamweaver/configuration/objects/common" />
</files>

</macromedia-extension>

能够注意到，macromedia-extension以后的各项参数属性，是在扩展安装后对该扩展的识别

好比 name="加入收藏夹" ，version="1.0.0" ， type="object" 分别表明“已安装的扩展”名，“版本”和扩展的“类型”

而 <author name="cnbruce" /> 则表示“创做者”

同时<description>与<ui-access>则分别显示在下方的说明栏中。

那主要的则是

<files>
<file name="fav.htm" destination="$dreamweaver/configuration/objects/common" />
<file name="fav.gif" destination="$dreamweaver/configuration/objects/common" />
</files>

name="fav.htm" 和 name="fav.gif" 分别表示扩展的功能文件和安装后扩展的图标，图标文件名应与扩展功能文件名同

destination="$dreamweaver/configuration/objects/common" 则表示这两个文件将安装于该目录下，在Dreamweaver的体现就是“插入”面板的“经常使用”类别中。

固然，更详细的mxi文档格式介绍，请下载官方PDF文件阅读：
http://download.macromedia.com/pub/exchange/mxi_file_format.pdf

其实MXI扩展安装文件，就是定义了扩展的一些信息，并选择扩展所需的文件进行安装。

说完了MXI，就该谈谈主要功能文件，即MXI中谈到的fav.htm了

这个文件就是扩展的主要功能，它是链接操做用户与Dreamweaver之间的桥梁，扩展文件的内容应根据功能分析而得。

好比这里是添加“加入收藏”的功能，那么能够确定每次输入的收藏网址和收藏名称都不一样，因此提供两个表单文本输入框，在输入了内容后，在Dreamweaver中自动生成该段连接代码。 spa

有了这个平台，怎样才能使得输入的内容与“加入收藏”的连接代码结合，并最终显示在Dreamweaver的文档中呢？这就不得不说到Javascript和Dreamweaver的API了。

好比函数objectTag()就是插入字符串或代码至用户文档中，并使用return返回值。

This function inserts a string of code into the user’s document. In Dreamweaver MX, returning an empty string, or a null value (also known as "return;"), is a signal to Dreamweaver to do nothing.

那么，能够写入以下的函数内容：

插件

得到文档中表单元素favurl和favtext的值，并结合到“加入收藏”的连接代码中，最终返回文档显示。

另外，若是还含有displayHelp()函数，则是指明弹出对话框中“帮助”按钮的相应功能，好比：

function displayHelp(){
dreamweaver.browseDocument("http://www.dw8.cn/");
}

其中dreamweaver.browseDocument即相关API函数，（open the Hotwired home page in a browser）

此外，若是是扩展是弹出窗口式，则在文档首行声明：

<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">

其余还有好比：

<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine5.0//floater">
<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine5.0//pi">

因此，一个完整的fav.htm代码以下

HTML这里略 设计

有了MIX扩展安装文件fav.mxi，还有扩展功能文件fav.htm， code

就剩下扩展图标fav.gif了

http://www.cnbruce.com/test/dwex/fav.gif

以上三个文件保存于同一目录下，打开Macromedia扩展管理器，选择“将扩展打包”，选择fav.mxi文件进行打包，生成提供给用户使用fav.mxp扩展（插件）文件

插件开发完毕。

end

adiOS