上一节，我们通过向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