Html Diff

Generate HTML content with unified or side-by-side differences.

Install

pnpm add @armantang/html-diff

Quick Start

import '@armantang/html-diff/dist/index.css'
import HtmlDiff from '@armantang/html-diff'

const oldHtml = `<div>hello</div>`
const newHtml = `<div>hello world</div>`

const diff = new HtmlDiff(oldHtml, newHtml)
const unifiedContent = diff.getUnifiedContent()
const sideBySideContents = diff.getSideBySideContents()

Preview

unified differences

side-by-side differences