並排HTML diff_match_patch

-1

import diff_match_patch 

old_string = """I'm selfish, impatient and a little insecure. I make mistakes, 
I am out of control and at times hard to handle. But if you can't handle me at my worst, 
then you sure as hell don't deserve me at my best.""" 

new_string = """I'm selfish, impatient and a little secure. I don't make mistakes, 
I am out of control and at times hard to handle difficult things. But if you can't handle me at my worst, 
then you sure as hell don't deserve me at my best.""" 

class SideBySideDiff(diff_match_patch.diff_match_patch): 

    def old_content(self, diffs): 
     """ 
     Returns HTML representation of 'deletions' 
     """ 
     html = [] 
     for (flag, data) in diffs: 
      text = (data.replace("&", "&amp;") 
        .replace("<", "&lt;") 
        .replace(">", "&gt;") 
        .replace("\n", "<br>")) 

      if flag == self.DIFF_DELETE: 
       html.append("""<del style=\"background:#ffe6e6; 
        \">%s</del>""" % text) 
      elif flag == self.DIFF_EQUAL: 
       html.append("<span>%s</span>" % text) 
     return "".join(html) 

    def new_content(self, diffs): 
     """ 
     Returns HTML representation of 'insertions' 
     """ 
     html = [] 
     for (flag, data) in diffs: 
      text = (data.replace("&", "&amp;") 
        .replace("<", "&lt;") 
        .replace(">", "&gt;") 
        .replace("\n", "<br>")) 
      if flag == self.DIFF_INSERT: 
       html.append("""<ins style=\"background:#e6ffe6; 
        \">%s</ins>""" % text) 
      elif flag == self.DIFF_EQUAL: 
       html.append("<span>%s</span>" % text) 
     return "".join(html) 



diff_obj = SideBySideDiff() 
result = diff_obj.diff_main(old_string, new_string) 
diff_obj.diff_cleanupSemantic(result) 

diffs = diff_obj.diff_main(old_string, new_string) 
old_record = diff_obj.old_content(result) 
new_record = diff_obj.new_content(result)

然而，如在並排HTML diff_match_patch

http://agiliq.com/blog/2014/05/google-diff-match-patch-library/

的例子中，我似乎無法它顯示在HTML文件並排結果側。我怎麼能解決這個問題？

來源

2017-06-21 PRIME

只是爲了確保：您知道它是html，所以您必須在網絡瀏覽器中顯示它？「似乎無法讓它工作」並沒有多大的意義。 – then0rTh

燁我知道輸出將在HTML中。我對difflib模塊做了同樣的事情，但不知道如何用Google的diff_match_patch做到這一點 – PRIME

要在博客文章中獲得相同的效果，您需要將old_record和new_record分別放在2個獨立的div中，並設置它的樣式（mby add header）。

<div style="max-width: 45%; float: left; margin: 2%;"> 
    <h1> Old </h1> 
    put old_record here 
</div> 
<div style="max-width: 45%; float: left; margin: 2%;"> 
    <h1> New </h1> 
    put new_record here 
</div>

來源

2017-06-21 15:21:19 then0rTh

並排HTML diff_match_patch

回答

相關問題