| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
-
- <title></title>
- <style>
- .diff-wrapper>div,.diff-wrapper{
- height: 100%;
- }
- .diff-wrapper p{
- font-size: 14px;
- color: #7a7a7a;
- margin-bottom: 10px;
- font-weight: 600;
- }
- .original,.changed,.diff1{
- font-size: 12px;
- color: #7b8a97;
- margin-top: 0;
- margin-bottom: 0;
- line-height: 25px;
- word-break:break-all;
- word-wrap:break-word;
- background: #f5f5f5;
- height: 90%;
- padding: 5px;
- }
- .diff-wrapper{
- padding-top: 20px;
- }
- </style>
- </head>
- <body>
- <div class="container-fluid diff-wrapper">
-
- <div class="before col-md-4">
- <p>修改前内容</p>
- <div class="original"></div>
- </div>
-
- <div class="after col-md-4">
- <p>修改后内容</p>
- <div class="changed">
-
- </div>
- </div>
-
- <div class="col-md-4">
- <p>修改前后对比结果 ( <span style="font-size: 12px; color: red;">注: 红色为已删除 绿色为新增</span>)</p>
- <div class="diff1">
-
- </div>
- </div>
-
- </div>
- <script src="../js/content.min.js?v=1.0.0"></script>
- <script src="../js/plugins/diff_match_patch/diff_match_patch.js"></script>
- <script src="../js/plugins/preetyTextDiff/jquery.pretty-text-diff.min.js"></script>
- <script>
- var bef = helper.request.queryString("bef");
- var aft = helper.request.queryString("aft");
- bef=unescape(decodeURI(bef));
- aft=unescape(decodeURI(aft));
- $('.original').html(bef);
- $('.changed').html(aft);
- $(document).ready(function(){
- $(".diff-wrapper").prettyTextDiff({
- diffContainer: ".diff1"
- });
- })
-
- </script>
- </body>
- </html>
|