diffing

by brico

HTML

<script src="https://neil.fraser.name/software/diff_match_patch/svn/trunk/javascript/diff_match_patch.js"></script>
<textarea id="one">Quick brown <b>fox</b></textarea>
<p>vs</p>
<textarea id="two">Quack brown&nbsp;foxes</textarea>
<button id="button">DIFF ME</button>
<div id="output" /></div>

JavaScript

$(document).ready(function () {
    var dmp = new diff_match_patch();
    dmp.Diff_Timeout = 1;
    dmp.Diff_EditCost = 4;

    var doDiff = function () {
        var one = document.getElementById('one').value,
            two = document.getElementById('two').value;

        var d = dmp.diff_main(one, two);
        dmp.diff_cleanupSemantic(d);
        var ds = dmp.diff_prettyHtml(d);
        console.log(ds);

        $('#output').html(ds);
    }
    $('#button').click(function (e) {
        e.preventDefault();
        doDiff();
    });
});