mxEditor 和 xml 配置文件有问题答案

【问题标题】：Problem with mxEditor and xml configuration filemxEditor 和 xml 配置文件有问题
【发布时间】：2020-06-11 09:59:22
【问题描述】：

我正在尝试使用 mxGraph 编辑器。我阅读了这些示例并尝试理解它。但我不能。在教程页面的“port.html”文件中，他们描述了加载 xml 文件以配置编辑器的方式。总结一下，他们有这个配置文件：

<mxEditor>
    <mxDefaultKeyHandler as="keyHandler">
        <add as="8" action="collapse"/>
        <add as="13" action="expand"/>
        <add as="33" action="exitGroup"/>
        <add as="34" action="enterGroup"/>
        <add as="35" action="refresh"/>
        <add as="36" action="home"/>
        <add as="37" action="selectPrevious"/>
        <add as="38" action="selectParent"/>
        <add as="40" action="selectChild"/>
        <add as="39" action="selectNext"/>
        <add as="46" action="delete"/>
        <add as="65" control="1" action="selectAll"/>
        <add as="90" control="1" action="undo"/>
        <add as="89" control="1" action="redo"/>
        <add as="88" control="1" action="cut"/>
        <add as="67" control="1" action="copy"/>
        <add as="86" control="1" action="paste"/>
        <add as="71" control="1" action="group"/>
        <add as="85" control="1" action="ungroup"/>
        <add as="113" action="edit"/>       
        <add as="123" action="showProperties"/>
        <add as="107" action="zoomIn"/>
        <add as="109" action="zoomOut"/>
    </mxDefaultKeyHandler>
</mxEditor>

在 port.html 中，他们放了这个：

var editor = new mxEditor();
var graph = editor.graph;
var model = graph.getModel();
editor.setGraphContainer(container);
var config = mxUtils.load('editors/config/keyhandler-commons.xml').getDocumentElement();
editor.configure(config);

然后，当我尝试使用画布上的关联操作执行任何 oh this 绑定时，它不起作用，我真的不知道为什么。

谢谢

【问题讨论】：

标签： reactjs mxgraph

【解决方案1】：

我知道我很晚才看到，但我会做的是：

var config = mxUtils.load('editors/config/keyhandler-commons.xml').getDocumentElement();
var editor = new mxEditor(config);

您可能也不必查询图表即可定向到您的container。如果您在配置文件中指定了以下内容，mxGraph 将为您执行此操作：

<ui>
  <add as="graph" element="container"/>
  ...
</ui>

【讨论】：