[jQuery]web上でテキストの差分を表示・確認する方法


どうも、まっきーです。

web上でテキストの差分を表示・確認したいことありますよね。

本日は便利なjQueryのライブラリ「mergely」をご紹介。

こんなんええやん

URL

http://www.mergely.com/doc

導入方法

Mergelyを動かすには、jQueryとCodeMirrorの読み込みです。
※サポート対応されたCodeMirrorは、Mergelyのダウンロードに含まれています。

その後、div要素を作成します。

必要に応じてオプションを設定し、divを初期化・実行します。
※オプションのreadOnlyをfalseにすることでリアルタイムチェックも可能です。

完成イメージ