点击跳转diff-github地址
Demo
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style type="text/css">
ins {
background-color: #cfc;
text-decoration: none;
}
del {
color: #999;
background-color: #FEC8C8;
}
.text {
float:left;
width: 30%;
border: 1px solid blue;
margin: 10px;
}
</style>
</head>
<body>
<h2>"HTML DIFF工具"Demo</h2>
<div class="text"> <b>旧版本:</b>
<div id="oldT">
<div><div class="descbox"><div id="box_eventdesc"><div class="descstyle"><span style="font-family:黑体;"><span style="color:#0000ff;"> <p style="font-size:large;">人应该趁着年轻去流浪,只要记得回家的路。。。。</p></span></span> <p><span style="font-family:宋体;"><span style="font-family:黑体;"><span style="font-size:medium;"><br> <span style="color:#444444;">西藏东南,【测试文本】雅鲁<strong>峡谷茂密的</strong>丛林里,藏着“在路上”的悍客们的梦想——墨脱。这里是高原之HTML上海拔最低,生态环境保存最完整,气候最温和,雨量最充沛的地方。这里也是流、蚂蝗、野兽、毒虫、暴雨、烈日、高山、峡谷、雨林完美结合的</span><a target="_blank" data-ke-src="http://www.lvye.cn/" href="http://www.lvye.cn/"><span style="color:#810081;font-family:黑体;font-size:medium;">户外</span></a><span style="color:#444444;font-family:黑体;font-size:medium;">徒步路线<br> </span><span style="font-family:宋体;"><br> <span style="color:#444444;font-family:黑体;font-size:medium;">墨的乡乡寨<em><strong>寨紧紧测试文本地钳在狭长的谷</strong></em>地和山腰之间。由于处在喜马拉雅断裂带和墨脱断裂带上,地质</span><a target="_blank" data-ke-src="http://www.lvye.cn/" href="http://www.lvye.cn/"><span style="font-family:黑体;"><span style="color:#810081;font-size:medium;">活动</span></span></