在做Jsp的开发中，我们经常要使用到Taglib，这里包含第三方的，如Struts、JSTL，也有自己编写的Taglib，这些Taglib给我们的开发带来了不少便捷。但是使用Taglib与此同时带来了一个新的文件就是好的工具并不理解这些Taglib，给显示带来麻烦，如常用的Webpage设计工具Dreamweaver，当你在dreamweaver写入标签时，Dreamweaver无法显示这些Tag，这给理解带来了困难。如何能让Dreamweaver根据不同的Tag显示不同的组件效果，这里我们做一个解释。

我们创建了一个Taglib文件，包含了一个Tag，如<company:copyRight />，我们希望Dreamweaver能够在设计器将这个tag显示为一个版权图标，这样非常便于理解。

1 首先我们要制作一个版权图标的gif图片，用于显示<company:copyright />这个tag对应的设计器中的呈现，图片尺寸可以自定义，如下图：

2 打开文件Dreamweaver主目录下\Configuration\ThirdPartyTags\tags.xml文件，在这个文件的末尾添加以下信息：

<tagspec tag_name="company:copyRight" start_string="<company:copyRight"
end_string="/>" detect_in_attribute="false" icon="copyright.gif" icon_width="17" icon_height="15" ></tagspec>

保存修改，然后将我们制作的图片拷贝到这个目录下。

3 重新启动Dreamweaver，打开一个jsp文件，输入“<company:copyRight />”，你就会发现在设计器就会将这个tag显示为你定义的图标图片。如果你看到这个图片的话，你马上就会将其理解为公司版权信息声明，而不像以前那样，Dreamweaver不理会这样的Tag，一片空白，能够表达代码意思的信息一点都没有。

总结：使用这种方法，你可以定义各种tag的图形呈现，这非常有易于理解代码所表达的含义。在实际开发中，如果你使用IDEA，你可以使用IDEA的“External Tools”，创建一个使用Dreamweaver打开文件的选项，这样你就可以在IDEA下直接调用Dreamweaver打开对应的文件进行修改操作，这各功能非常节约你的时间。

Dreamweaver中的这种自定义Tag显示是通过Translator机制来实现，这种方法很简单功能也有限，如果你想发挥更多的创造力，可以参考Dreamweaver的插件开发。