Pretty Diff Usage

I want to use this fantastic Javascript Library on my little web project.

I've downloaded PrettyDiff.js and ViewDiff.js

I've been researching on how to use it and I can't seem to find any examples on how to get the output for Javascript/Jquery

This is what I have so far.

<script xmlns="" type="application/javascript" src="prettydiff.js"></script>
<script xmlns="" type="application/javascript" src="diffview.js"></script>
<link xmlns="" href="diffview.css" media="all" rel="stylesheet" type="text/css" />
<script type="application/javascript">
    $(document).ready(function () {
        var pd = new prettydiff();
        var dv = new diffview();


I have the two text areas and the button placed but I just don't seem to find the function to start the show.

Any documentation or code would be much appreciated.



    var str = "<html><body><h1>hello</h1></body><html>";

    // Options can be viewed at:

    var options   = {
        source: str,
        mode : "beautify", //  beautify, diff, minify, parse
        lang  : "html",
        wrap : 100,
        inchar : "\t",  // indent character
        insize : 1      // number of indent characters per indent

    var pd = prettydiff(options); // returns and array: [beautified, report]

    var pretty = pd[0];
    var report = pd[1];


Don't exactly know what you want to accomplish, but there are several examples on the site itself.

Also, documentation.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.