在mx Graph Editor

Question

如何将绘制io XML文件打开到mxGraph中？在MxGraph中我们可以导入xml文件但是draw io xml文件和mxGraph xml文件的结构完全不同。我怎么能解决这个问题？

Answer 1

是的，最后我找到了如何在mxGraph中打开绘制io xml文件的方式。在打开之前，我们需要将draw io xml文件转换为mxgraph xml文件。这里使用decode函数将draw io xml文件转换为mxgraph xml文件。可以在xml调用函数中使用这个解码方法。

解码（数据）{

    function bytesToString(arr) {
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += String.fromCharCode(arr[i]);
        }
        return str;
    }
    function parseXml(xml) {
        if (window.DOMParser) {
            var parser = new DOMParser();
            return parser.parseFromString(xml, "text/xml");
        } else {
            var result = createXmlDocument();
            result.async = "false";
            result.loadXML(xml);
            return result;
        }
    }
    function getTextContent(node) {
        return node != null
            ? node[node.textContent === undefined
                    ? "text"
                    : "textContent"]
            : "";
    }
    try {
        var node = parseXml(data).documentElement;
        if (node != null && node.nodeName === "mxfile") {
            var diagrams = node.getElementsByTagName("diagram");
            if (diagrams.length > 0) {
                data = getTextContent(diagrams[0]);
            }
            data = atob(data);
            data = bytesToString(Pako.inflateRaw(data));
            data = decodeURIComponent(data);
        }
    } catch (e) {
        return;
    }
    if (data.length > 0) {
        this.LoadGraph("", this.SelectGraphCell, data);
    }