text - FCKEditor でのテキスト バージョンの比較

Question

Fck エディターを使用してコンテンツを作成しています。テキストをバージョンとしてデータベースに保存しています。FCK Editor でテキストをロードするときに、バージョンのこれらの変更を強調したいと思います。

テキストを比較する方法....

取り消し線モードで削除されたテキストを表示する方法。

私を助けてください/...

Answer 1

Google の diff-patch アルゴリズムを試してくださいhttp://code.google.com/p/google-diff-match-patch/

テキストの以前のバージョンと現在のバージョンの両方を取得し、2 つのパラメーターに格納します。2 つのパラメーターを次の関数に渡します。

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 を返します。