| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!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 = $('#pre', parent.document).val();
- var aft = $('#aft', parent.document).val();
- bef = decodeURIComponent(bef) ;
- aft = decodeURIComponent(aft);
- $('.original').html(bef);
- $('.changed').html(aft);
- $(document).ready(function () {
- $(".diff-wrapper").prettyTextDiff({
- diffContainer: ".diff1"
- });
- })
-
- </script>
- </body>
- </html>
|