mxGraph客户端是一个图形组件，并提供和网页集成的接口。客户端需要一个Web服务器提供所需的文件，也可以在本地文件系统上运行。后台可用于集成到现有存在的服务器所支持的语言中。
实例化mxgraph来创建graph图，以下是API的核心类图，其他的都是辅助。
将dom节点实例化为一个graph图：
mxcell在mxGraphModel中实现了定义图模型的元素。
图模型有以下属性（包含关系）：
1）
根节点包含各个层，各个层的父节点都是根节点。
2）层
中可包含graph图模型的元素：节点、连线组。
3）
组中可递归的包含graph图模型的元素。
4）
graph图的结构和信息都存储在cell和用户对象中。（又名业务对象）
用一个根节点和默认的层来创建一个新的graph模型：
在具体项目中你也许需要自定义cell的那些动态特性（就是外观），例如图形、指针形状、颜色等。你可以分别用以下方法： getImage, getIndicatorShape, getIndicatorImage, getIndicatorColor，getIndicatorGradientColor...。注意：这些方法作为一个参数，它指向一个cell的style"解决"（即数组）版本的cell状态。因此，对getImage默认实现如下所示：
这个方法可把cell的图形改成任何你需要的。通常，图像被定义为state.cell指向cell关联的状态或state.cell.value指向用户对象。
为了使改变可以显示出来，你需要调用view.invalidate(cell)和view.validate。
程序通过初始化mxEditor来创建编辑器。这是编辑器包的核心类。其他都是辅助类。可通过配置文件名称创建并配置一个编辑器。
请看下面的例子：
xml格式的配置文件会传递给mxCodec，mxCodec使用mxEditorCodec和其他编码将xml文件读入编辑器对象层次结构中。通常在编辑器开始构建时进行，graph, model, toolbar, popupmenus等用 I/O subsystem。
Css样式表单包含多种用户接口元素（选择框，编辑器，弹出菜单等）的样式的定义。它也包含允许应用XML配置文件来支持IE的指令，因此页面中有大量的这种表单。
可以通过mxClient.link('stylesheet', filename)或者表单标签来配置编辑器。例：
<mxEditor>
<stylesheet name="examples/editors/css/process.css"/>
默认编码体系通过as属性创建名称将所有无对象文件映射成字符串，有对象文件映射成child节点。在mxCodecRegistry中注册的默认编码体系可以被客户重构或编译解码。
请看下面的JavaScript对象的定义：
编码这个对象并以XML格式在新的window中显示结果的方法如下：
var encoder = new mxCodec();
var node = encoder.encode(object);
mxUtils.popup(mxUtils.getXml(node));
以下是XML格式的显示结果：
<Object myBool="1">
<Object name="Test" as="myObject"/>
<Array as="myArray">
<add value="a"/>
<Array>
<add value="b"/>
<add value="c"/>
</Array>
<add value="d"/>
</Array>
</Object>
注：编码器会将布尔型转换成数字型，属性值不存储数字或非对象。并且通过XML中的include指令可实现包含其他XML文件。
mxEditor实现了save, open, readGraphModel 、 writeGraphModel,这四个函数, 用来处理一些标准的文件操作。
默认的mxEditor.save带有一个参数，这个参数说明【保存文件】是由程序触发的还是由用户触发的。然后mxEditor利用urlPost变量检查这个post请求是否需要发行。如果该变量是默认的，那么编辑器通过XML和名为xml的POST变量到指定的URL发行。
以下是一个保存文件的例子。HTML页面和PHP文件放在一个目录下。如果文件名是server.php，那么在编辑器中urlPost变量必须指定为server.php。PHP文件通过POST请求得到XML并写入diagram.xml中。
$xml = $HTTP_POST_VARS['xml'];
if ($xml != null) {
$fh=fopen("diagram.xml","w");
fputs($fh, stripslashes($xml));
fclose($fh);
如下，发送URL请求改变mxEditor的各自项的配置文件。
<mxEditor urlPost="http://www.example.com/server.php" ... >
记住：javascript只能发布到它的源服务器上，所以我们建议使用相对路径，URL server.php等。
