FCKEditor 中的文本版本比较

Question

正在使用 Fck 编辑器编写内容。我将文本存储为 db 中的版本。在 FCK 编辑器中加载文本时，我想突出显示版本中的这些更改。

如何比较文字....

如何在删除线模式下显示已删除的任何文本。

请帮我/...

Answer 1

试试 google 的 diff-patch 算法 http://code.google.com/p/google-diff-match-patch/

获取文本的先前版本和当前版本并将其存储到两个参数中。将两个参数传递给以下函数。

function diffString(o, n) {
o = o.replace(/<[^<|>]+?>|&nbsp;/gi, '');

n = n.replace(/<[^<|>]+?>|&nbsp;/gi, '');

var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
var str = "";

var oSpace = o.match(/\s+/g);
if (oSpace == null) {
    oSpace = ["\n"];
} else {
    oSpace.push("\n");
}
var nSpace = n.match(/\s+/g);
if (nSpace == null) {
    nSpace = ["\n"];
} else {
    nSpace.push("\n");
}

if (out.n.length == 0) {

for (var i = 0; i < out.o.length; i++) {
    str += '<span style="background-color:#F00;"><del>' + escape(out.o[i]) + oSpace[i] + "</del></span>";
}
} else {
if (out.n[0].text == null) {
    for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
        str += '<span style="background-color:#F00;"><del>' + escape(out.o[n]) + oSpace[n] + "</del></span>";
    }
}

for (var i = 0; i < out.n.length; i++) {
    if (out.n[i].text == null) {
        str += '<span style="background-color:#0C0;"><ins>' + escape(out.n[i]) + nSpace[i] + "</ins></span>";
    } else {
        var pre = "";

        for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
            pre += '<span style="background-color:#F00;"><del>' + escape(out.o[n]) + oSpace[n] + "</del></span>";
        }
        str += " " + out.n[i].text + nSpace[i] + pre;
    }
    }
}

return str;
}

这将返回一个 html，其中新文本标记为绿色，删除的文本标记为红色 + 删除。