字符串对比,差异高亮
引用文件
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsdiff/5.1.0/diff.min.js"></script>
JavaScript
//字符对比
function diffChars(string1, string2) {
let color = '';
let all = '';
let diff1 = '';
let diff2 = '';
let diff = Diff.diffChars(string1, string2);
diff.forEach(function (part) {
color = part.added ? 'green' : (part.removed ? 'red' : 'grey');
all += '<span style="color: ' + color + ';">' + part.value + '</span>';
if (color !== 'green') {
diff1 += '<span style="color: ' + color + ';">' + part.value + '</span>';
}
if (color !== 'red') {
diff2 += '<span style="color: ' + color + ';">' + part.value + '</span>';
}
});
return { diff1: diff1, diff2: diff2, all: all };
}
let result = diffChars('敏感词:今早上我去了同学他妈妈那里告密,回家我被揍得找不到北','敏感词:今早上我去了同学**妈那里告密,回家我**得找不到北');
console.log(result);