JSFiddle - React, Tailwind, and code Playground

by dorenstein

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/yckart/jquery.base64.js/master/jquery.base64.js"></script>
<label for="encode" class="encode"></label>
<label for="decode" class="decode"></label>
<textarea id="encode"></textarea>
<textarea id="decode"></textarea>

JavaScript

function addMetadata(str) {
    return str + ', ' + new Date() + ', Mycompanyname, etc...';
}

var dec = $('#decode'),
    enc = $('#encode');
$.base64.utf8encode = false;
enc.keyup(function () {
    dec.val(btoa(this.value));
});
dec.keyup(function () {
    enc.val(atob(this.value, true));
});
$('textarea').on('focus blur', function () {
    $(this).prev('label').stop().fadeToggle(200);
});