JavaScript port of [HtmlDiff.NET](https://github.com/Rohland/htmldiff.net) which is itself a C# port of the Ruby implementation, [HtmlDiff](https://github.com/myobie/htmldiff/). Project Description ------------------- Diffs two HTML blocks, and returns a meshing of the two that includes `` and `` elements. The classes of these elements are `ins.diffins` for new code, `del.diffdel` for removed code, and `del.diffmod` and `ins.diffmod` for sections of code that have been changed. For "special tags" (primarily style tags such as `` and ``), `ins.mod` elements are inserted with the new styles. Further description can be found at this [blog post](http://www.rohland.co.za/index.php/2009/10/31/csharp-html-diff-algorithm/) written by Rohland, the author of HtmlDiff.NET. **Note**: The diffing algorithm isn't perfect. One example is that if a new `
` ends in the same string as the previous `
` tag did, two `` tags will be created: one starting at the beginning of the common string in the first `
` and one in the second `
` containing all the content up to the point the trailing common string begins. It's a little frustrating, but I didn't write the algorithm (and honestly don't really understand it); I only ported it. Usage ----- #### Html #### ```html

Some old html here

Some new html goes here

``` #### JavaScript #### ```javascript import HtmlDiff from 'htmldiff-js'; let oldHtml = document.getById('oldHtml'); let newHtml = document.getById('newHtml'); let diffHtml = document.getById('diffHtml'); diffHtml.innerHTML = HtmlDiff.execute(oldHtml.innerHTML, newHtml.innerHTML); ``` Demo ---- I didn't port the demo, but it should output markup the same way the [htmldiff.net demo](https://github.com/Rohland/htmldiff.net/tree/master/Demo) does with a slight exception in what appeared to me to be a bug, which I 'fixed'. I can no longer remember what that bug was, as I only ported this project quickly in order to use it in another project.