|
- <!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.5rem 0 0.1rem;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:14px;clear:both;text-align:center;padding:1rem}#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>
|