(五)kityminder节点内容的复制粘贴

前段时间，部门举行了走查。然后有个同事反馈了一个问题说，从我们用例的脑图节点复制的内容以后，如果复制到外部软件里面去，实际的数据是一个json的格式数据，并不是它想要的纯文本的数据。我在听到这个问题的时候，理所应当的回应：我复制内容的时候，当然要把原本的格式数据复制出来呀，至于你复制到外部去当然不是我能够控制的，但是你只有复制到我们的软件里面数据就是正常的呀。

以上的逻辑听上去挺对的。但是仔细想想，确实同事反馈的问题挺有道理的。既然有问题，先看看xmind人家是怎么做的不就可以了。

在xmind中制作了这样子的分支主题3，带有边框以及背景的节点进行复制，我们将内容复制到其他文本编辑器中后，发现其实就只有其中的内容。但是实际上将其粘贴到xmind中时候，他会将原本的格式数据也都粘贴过去。这到底是怎么做到的呢？

研究了下，心里大概有了答案。因为xmind的格式肯定不能够兼容其他的软件，所以这个时候用户做复制操作的时候，其实xmind根本不知道用户想要粘贴到哪，所以这个时候只能够将，标准的文本内容丢到粘贴板中，而其实自己在内存里面存储好了真正要复制的内容，而后将标准的文本内容做为key。去匹配我们真正的复制的内容即可了。

实现

// 如下是复制的逻辑，nodes是复制的节点列表
var str = "";
for (const item of nodes) {
    if (str === "") {
        str += item.data.text;
    } else {
        str += ("\n" + item.data.text)
    }
}
copy(str, { format: 'text/plain' });
localStorage.setItem("copyText", this.encode(nodes));
this.copyText = this.encode(nodes);

// 粘贴前的逻辑，这里考虑放到localstorage的目的是因为跨tab的用例复制时还是需要用到的
this.copyText = localStorage.getItem("copyText");
if (this.copyText !== null && this.copyText !== '') {
    let copyMemText = '';
    let nodeData = this.copyText.split(this.SPLITOR)[1];
    for (const item of JSON.parse(nodeData)) {
        if (copyMemText === "") {
            copyMemText += item.data.text;
        } else {
            copyMemText += ("\n" + item.data.text)
        }
    }
		// 这里的textData就是粘贴板的内容，如果内容匹配，则用内存中的完整数据覆盖粘贴板的数据
    if (copyMemText === textData) {
        textData = this.copyText;
    }else {
        // 清掉复制的内容
        this.copyText = "";
        localStorage.setItem("copyText", "");
    }
}

结语

这个问题还是很有意思的，很多时候真的多思考 就会发现，其实解决问题有很多的方式。