var data; $('#textarea').on('paste', function (e) { var mime = $('#select').val() var clipboardData = e.originalEvent.clipboardData data = clipboardData.getData(mime) console.log(typeof data) // console.log('paste', mime, data) $(this).val(data) $('#iframe').attr('srcdoc', data) return false }).on('copy', function (e) { var mime = $('#select').val() var clipboardData = e.originalEvent.clipboardData var data = $(this).val() // console.log('copy', mime, data) clipboardData.setData(mime, data) return false // clipboardData.setData('text/plain', val) // will self set plain }); $("#save").click(function (){ var mime = $('#select').val() var ext; if (mime == 'text/html'){ ext = '.html'; data = data.replace("",""); } else if (mime == 'text/plain') { ext = '.txt'; } var blob = new Blob([data], {type: mime + ";charset=utf-8"}); saveAs(blob, "web"+ext); }); $("#clear").click(function (){ $("#textarea").val(""); $('#iframe').removeAttr('srcdoc'); });