mxGraph-通过加载XML显示图

Question

借助How to get the XML from mxGrpah diagram?能够从图形编辑器获取动态XML。 现在，我需要通过加载XML（反向算法）来显示该图

Answer 1

好吧，类似于How to get the XML from mxGrpah diagram?的答案，我还是不清楚如何获取保存整个图形的graph对象，因此我提出了以下解决方法：

1）将原始图形对象的引用获取到index.html代码中

i 。在index.html中添加一个全局变量以获取graph对象的引用

var universalGraph;

ii。。进入已创建graph对象的.js文件（例如，在{{上转到 js / view / mxGraphView 1}}函数，并将图形对象的实例分配给全局可访问引用

installListeners

如您所见，现在提出了使用全局mxGraphView.prototype.installListeners = function(){ var graph = this.graph; var container = graph.container; universalGraph = graph; //this way, you will have access from .index.html to the graph object and you will be able to import the xml as shown in the example here https://stackoverflow.com/questions/56664578/mxgraph-save-functionality-not-working-locally/56735153#56735153 的解决方案here是多余的，因为通过这种方式，您将始终可以访问Graph.xml对象:)。

2）由于您现在拥有graph对象，因此可以将其用于任何您想要的目的（导出/导入xml状态）

编辑

我还发布了一个示例，说明了如何在graph中上传xml

index.html

Answer 2

非常感谢@NickAth，此外，我尝试了自己的分析，发现以下解决方案可以正常工作。

var xml = {xml};
var ui = new EditorUi(new Editor());
var doc = mxUtils.parseXml(xml);
ui.editor.setGraphXml(doc.documentElement);