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

Question

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

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

Answer 1

是的，最后我找到了在mxGraph中打开的方式绘制io xml文件。在打开之前，我们需要将绘制 io xml 文件转换为 mxgraph xml 文件。这里使用解码函数将绘制的 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);
    }