我正在使用 Fck 编辑器编写内容。我将文本作为版本存储在数据库中。在 FCK 编辑器中加载文本时,我想突出显示版本中的这些更改。
如何比较文本....
如何显示已在删除线模式下删除的任何文本。
请帮我/...
我正在使用 Fck 编辑器编写内容。我将文本作为版本存储在数据库中。在 FCK 编辑器中加载文本时,我想突出显示版本中的这些更改。
如何比较文本....
如何显示已在删除线模式下删除的任何文本。
请帮我/...
试试 google 的 diff-patch 算法http://code.google.com/p/google-diff-match-patch/
获取文本的先前版本和当前版本并将其存储到两个参数中。将这两个参数传递给以下函数。
function diffString(o, n) {
o = o.replace(/<[^<|>]+?>| /gi, '');
n = n.replace(/<[^<|>]+?>| /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,其中新文本标记为绿色,删除的文本标记为红色 + 被删除。