B3Sロゴ
menu close

JQuery

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


ヤス

更新日:2021/08/11


どうも、ヤスです。

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

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

こんなんええやん

URL

http://www.mergely.com/doc

導入方法

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

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

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

完成イメージ