JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

<script src="http://ejohn.org/files/jsdiff.js"></script>
<textarea id="old" cols=80 rows=10>old</textarea>
<textarea id="new" cols=80 rows=10>new</textarea>
<div id="diff">diff</div>

CSS

html { font-family: Arial; font-size: 0.9em; }
del { background: #FFE6E6; text-decoration: line-through; color: #777; }

ins { background: #E6FFE6;}

JavaScript

function processDiff() {
    var oldstr = $("#old").val();
    var newstr = $("#new").val();
    $("#diff").html(diffString(oldstr, newstr)); 
};

$(document).on("keyup","textarea", function () {
    processDiff();       
});