JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Put about 512 chars -->
<textarea id=in>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbcccccccccccccccccccccccccccccccccccccccccccccccccssssssssssssssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeefffffffffffffffffffffffffffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwQQQQQQQQQQ - Max</textarea>
<textarea id=out></textarea>
<div>(not run)</div>
<button id="save" >Save</button>
<button id="load">Load</button>

CSS

textarea{
    width:500px;
    height:200px;
}

JavaScript

$('#load').click(function() {
$.ajax({
  url: "http://api.openkeyval.org/jsFiddle-larsi",
  dataType: "jsonp",
  success: function(data){
    $('div').html("loaded");
      $('#out').val(data);
  }
});    
    
});
    
$('#save').click(function() {
    var toSave = $('textarea').val();
$.ajax({
  url: "http://api.openkeyval.org/store/",
  data: "jsFiddle-larsi=" + toSave,
  dataType: "jsonp",
  success: function(data){
    $('div').html("saved");
    
  }
});
    });