上一节，我们通过向wftoolbar-commands.xml文件增加一个action来扩展我们应用的功能，这一节，我们通过增加template类型来扩展可以向图形中增加的图元，这需要修改wftoolbar-commands.xml、wfeditor-commons.xml和wfgraph-commons.xml。我们的例子是增加cloud图元。
首先，修改wftoolbar-commands.xml，增加如下代码：
<add as="Cloud" template="cloud" style="cloud" icon="Lib/mxGraph/editors/images/cloud.gif"/>
这里说明我们增加的这个图元的template名称为cloud，style名称为cloud。
第二步，修改wfeditor-commons.xml，增加template，这部分代码如下：
<add as="cloud">
<Shape label="Shape" href="">
<mxCell vertex="1" style="cloud">
<mxGeometry as="geometry" width="80" height="60"/>
</mxCell>
</Shape>
</add>
第三步，修改wfgraph-commons.xml，在mxStylesheet 下增加style，这部分代码如下：
<add as="cloud">
<add as="shape" value="cloud"/>
<add as="perimeter" value="ellipsePerimeter"/>
<add as="strokeColor" value="#CDEB8B"/>
<add as="fillColor" value="#CDEB8B"/>
</add>
清除浏览器缓存，再次访问示例页面，图标中多了cloud：
图片.png
可以增加图元了：
图片.png
