npm install --save react-diff-view Starting from 3.1.0, you can import {Diff} from 'react-diff-view/esm to reference an unminified ESM module. Basic usage Parse diff text For best display effect, you should generate your diff text with git diff -U1 command. The {File[] parseDiff({st...
灵活的装饰组件,用于围绕更改块呈现自定义内容。 可扩展的小部件体系结构,以支持代码注释和各种要求。 可自定义的事件和样式。 强大的令牌系统可实现代码突出显示,标记特殊单词,内嵌diff等,并支持Web worker。 如果提供了源文本,则可以使用一堆实用程序函数来比较diff结构。 运行npm start可以享受具有diff显示,折叠的代...
yarn add react-diff-viewer-continued # or npm i react-diff-viewer-continued # or pnpm add react-diff-viewer-continued Usage import React, { PureComponent } from 'react'; import ReactDiffViewer from 'react-diff-viewer-continued'; const oldCode = ` const a = 10 const b = 10 const c =...
A bunch of utility function to manipulate diff structure if source text is provided. Runnpm startto enjoy a full featured demo with diff display, collapsed code expansion, code comment and large diff lazy load. I test the performance with a2.2MB diff file with 375 files changed, 18721 insert...