<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title>查看差异文件</title>
<link rel="stylesheet" href="/static/web/css/diffview.css">
<script src="/static/web/js/jquery.min.js"></script>
<script src="/static/web/js/diffview.js"></script>
<script src="/static/web/js/difflib.js"></script>
<style>body{font-size:12px}h2{margin:0.5em 0 0.1em;text-align:center}.top{text-align:center}.textInput{display:block;width:50%;float:left}textarea{width:100%;height:300px}label:hover{text-decoration:underline;cursor:pointer}.spacer{margin-left:10px}.viewType{font-size:16px;clear:both;text-align:center;padding:1em}#diffoutput{width:100%}</style>
</head>
<body>
<textarea id="baseText" style="display:none"><?php echo $base ;?></textarea>
<textarea id="newText" style="display:none"><?php echo $new ;?></textarea>
<div id="diffoutput"></div>
<script>
function diffUsingJS(viewType) {
"use strict";
var base = difflib.stringAsLines($("#baseText").val()),
newtxt = difflib.stringAsLines($("#newText").val()),
sm = new difflib.SequenceMatcher(base, newtxt),
opcodes = sm.get_opcodes(),
diffoutputdiv = $("#diffoutput");
diffoutputdiv.html("")
diffoutputdiv.html(diffview.buildView({
baseTextLines: base,
newTextLines: newtxt,
opcodes: opcodes,
baseTextName: "官方服务器文件",
newTextName: "本地文件",
viewType: 0
}));
}
$(document).ready(function() {
diffUsingJS(1);
});
</script>
</body>
</html>