This is a simple audit viewer to the frontend side that compares with javascript the content inside 2 different containers and echo the final value with marker on edited values.

It was build over this javascript lib jsDiff: https://github.com/kpdecker/jsdiff

Using

You can choose 3 different types of text to compare:

• Text: simple text compare
• XML: It parses each attribute in XML and then shows differences
• JSON: similar to XML

DiffTypes:

Chars: 

It shows all diff chars found in both texts using only one color.
Shows only one merged output.

Words:

Instead of each char, it shows words before and after using 2 colors.
Still shows only one merged output.

Lines:
Now it shows both lines before and after using 2 colors.
Only changed paragraphers are shown in colored to mark what was changed.