html - diff

一个轻量级JavaScript库来突出两个HTML字符串之间的变化. 它将插入的内容包装为 <ins> 标签和删除内容 <del> 标记,使其在丰富的文本内容中实现可视化diff的理想.

* 特性

• QQ 探测并突出显示两个 HTML 字符串之间的变化
• ++ 围入 <ins> 和删除 <del>
• * 没有外部依赖关系
• 在浏览器和节点环境中工作

德莫语

您可以在此看到 html- diff 的现场演示: 演示

* 安装

通过 npm 安装 :

npm install @benedicte/html-diff

• API

htmlDiff(htmlBefore: string, htmlAfter: string): string

参数:

• htmlBefore (单位:千美元)所需经费) — 原始 HTML 字符串
• htmlAfter (单位:千美元)所需经费) - 已更新的 HTML 字符串

返回生成的 HTML 字符串 :

• 插入的内容被标签包裹
• 删除的内容被包裹在 标记

实例

import { htmlDiff } from '@benedicte/html-diff';

const before = '<p>Hello world!</p>';
const after = '<p>Hello brave new world</p>';
const result = htmlDiff(before, after);

console.log(result);
// Output: <p>Hello <ins>brave new </ins>world<del>!</del></p>

许可证

麻省理工学院

捐款

欢迎投稿、错误报告和特性请求! 可以随意打开一个问题或提交拉动请求.