1

diff_match_patchHTMLとJavascriptで呼び出されたGoogleのライブラリを使用して、2つのテキストファイルを比較しようとしています。しかし、2 つのテキスト ファイルの違いがわかりません。次のコードを使用してテキストを比較しています。

<!DOCTYPE html>
<html>
  <head>
    <title>Slide Panel</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="jquery.min.js" type="text/javascript"> </script>
    <script src="diff_match_patch.js" type="text/javascript"> </script>
    <script src="deal_override_requests.min.js" type="text/javascript"> </script>
    <script src="jquery.pretty-text-diff.min.js" type="text/javascript"> </script>
    <script src="jquery.pretty-text-diff.js" type="text/javascript"> </script>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <script>
      $("input[type=button]").click(function () {
        $("#wrapper tr").prettyTextDiff({
          cleanup: $("#cleanup").is(":checked")
        });
      });
    </script>
  </head>
  <body>
    <div id="wrapper">
      <h3>
        Demo of jQuery.PrettyTextDiff
      </h3>
      <table class="table table-striped table-bordered table-hover">
        <thead>
          <tr>
            <th>Original</th>
            <th>Changed</th>
            <th>Diff</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="original">This si text 1</td>
            <td class="changed">This is text one</td>
            <td class="diff"></td>
          </tr>
          <tr>
            <td class="original">Today is Jan the 24th, 2013</td>
            <td class="changed">Today is January the 25th of the year 2013</td>
            <td class="diff"></td>
          </tr>
          <tr>
            <td class="original">A mouse is here</td>
            <td class="changed">A sofa is here</td>
            <td class="diff"></td>
          </tr>
        </tbody>
      </table>
      <div>
        <input type='button' class='btn btn-primary' value='Diff' />
      </div>
    </div>
  </body>
</html>

この問題を解決するために私を助けてください。

4

1 に答える 1