SaaS・業務
変更差分ビュー
変更前後のテキストを行単位で比較し、追加行を緑・削除行を朱でハイライト表示する。+/− 記号付きでひと目で差分を把握できる。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="dv-wrap">
<div class="dv-header">
<span class="dv-tab active" id="dv-tab-split" role="tab" tabindex="0">分割表示</span>
<span class="dv-tab" id="dv-tab-unified" role="tab" tabindex="0">統合表示</span>
</div>
<div class="dv-panes" id="dv-split">
<div class="dv-pane">
<div class="dv-pane-label">変更前</div>
<div class="dv-lines" id="dv-before"></div>
</div>
<div class="dv-pane">
<div class="dv-pane-label">変更後</div>
<div class="dv-lines" id="dv-after"></div>
</div>
</div>
<div class="dv-unified hidden" id="dv-unified">
<div class="dv-lines" id="dv-unified-lines"></div>
</div>
</div>