我想将 mxgraph 与 angular 4 集成

Question

我从中得到了一些想法https://github.com/sibaspage/mxgraph-with-angular2.git。我可以运行在我的机器上使用此代码，但不能完全导出和导入。我想做的是导出 xml 中的图表并导入图表 xml。

Answer 1

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

    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 或在菜单选项上按保存，这应该可以正常工作。

我想将 mxgraph 与 angular 4 集成

I want to integrate mxgraph with angular 4

mxgraph

angular