xml - 在 MxGraph 编辑器中打开 .drawio 文件

Question

如何将.drawio XML 文件打开到MxGraph 中？

在 MxGraph 中，我们可以导入 XML 文件。但是.drawio文件和 MxGraph 文件的结构是完全不同的，虽然都是 XML。

Answer 1

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

解码（数据）{

    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);
    }