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,其中新文本标记为绿色,删除的文本标记为红色+删除.