前端 diff 文字 mergely

2021-08-24 20:22:45 字數 735 閱讀 4775

需要前端展示文字編輯歷史, 並做 diff. 

找了三個庫, 分別是: codemirror, diffmatchpatch, mergely 

codemirror 效果不是很好, diffmatchpatch 是 google 開發的, 感覺實現後效果同樣不好.最後選用了 mergely.

實際上, mergely 用到了 codemirror, 而 codemirror 用到了 diffmatchpatch.

先上最終效果圖 

codemirror 和 diffmatchpatch 這裡不做過多介紹. 有興趣可以試試. 

codemirror github: 

codemirror demo: 

diffmatchpatch

diffmatchpatch github: 

diffmatchpatch diff demo: 

diffmatchpatch match demo: 

diffmatchpatch patch demo: 

mergely

github: 

demo 1: 

demo 2: 

Linux文字比較命令 diff

diff 命令 diff 命令是 linux上非常重要的工具,用於比較檔案的內容,特別是比較兩個版本不同的檔案以找到改動的地方。diff在命令列中列印每乙個行的改動。最新版本的diff還支援二進位制檔案。diff程式的輸出被稱為補丁 patch 因為linux系統中還有乙個patch程式,可以根據d...

Linux文字比較命令 diff

diff 命令 diff 命令是 linux上非常重要的工具,用於比較檔案的內容,特別是比較兩個版本不同的檔案以找到改動的地方。diff在命令列中列印每乙個行的改動。最新版本的diff還支援二進位制檔案。diff程式的輸出被稱為補丁 patch 因為linux系統中還有乙個patch程式,可以根據d...

Linux文字比較命令 diff

diff 命令是 linux上非常重要的工具,用於比較檔案的內容,特別是比較兩個版本不同的檔案以找到改動的地方。diff在命令列中列印每乙個行的改動。最新版本的diff還支援二進位制檔案。diff程式的輸出被稱為補丁 patch 因為linux系統中還有乙個patch程式,可以根據diff的輸出將a...