我想将mxgraph与angular 4集成

时间:2019-01-15 06:02:53

标签: angular mxgraph

我从这个https://github.com/sibaspage/mxgraph-with-angular2.git中得到了一些想法。我可以在我的机器上运行此代码,但不能完全导出和导入。我想做的以XML格式导出图并以XML格式导入图。

1 个答案:

答案 0 :(得分:0)

如果您使用的代码基于mxgraph(https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html)中的图形编辑器示例,则转到函数EditorUi.js中的EditorUi.prototype.save文件并使用此代码

    if (this.editor.graph.isEditing())
    {
        this.editor.graph.stopEditing();
    }

    var xml = mxUtils.getXml(this.editor.getGraphXml());
    var xml = mxUtils.getXml(this.editor.getGraphXml()); 

    uriContent = "data:Application/octet-stream,"+ encodeURIComponent(xml); 
    newWindow = window.open(uriContent, 'neuesDokument');

在那之后,您可以在图编辑器上使用CTRL + S或在菜单选项上按Save,这应该可以正常工作。