バックグラウンド
最近、私の Monaoc Editor のコラムを読んで、多くの学生から「ファイルを比較する機能が欲しい」という質問がありましたが、この機能のポイントは、ファイルを比較する際に動的に表示し、変更されていない内容を非表示にできることです。
読者の要望に応えられず、GitLab の比較ファイル機能を勉強するしかありません。
デモ効果
コアコード
diffこのテキスト比較ライブラリの使用
https://github.com/kpdecker/jsdiff
npm install diff --save
使用
var diff = JsDiff[window.diffType](textContent1, textContent2);
このメソッドによって返される diff は配列であり、比較されたテキストと、テキストが削除されたか追加されたかが含まれます。
戻り変更オブジェクト内。これらのオブジェクトには次のフィールドが含まれます。
値: テキストコンテンツ
追加: 値が新しい文字列に挿入される場合は True
削除: 値が古い文字列から削除される場合