JSFiddle - React, Tailwind, and code Playground

by AnitaSS

HTML

<textarea id="textbox" style="width: 800px; height: 600px;">
To: User <user@domain.demo>
Subject: Subject
X-Unsent: 1
Content-Type: text/html

<html>
<body>
<table>
<tr>
<td width="23" valign="top" style="width:157.0pt;padding:0in 0in 0in 0in">
  <p ><o:p></o:p></span></p>
  </td>
  <td width="729" colspan="3" valign="top" style="width:546.75pt;padding:0in 0in 0in 0in">
  <img width="774" height="299"...

JavaScript

var textFile = null,
  makeTextFile = function (text) {  
    var data = new Blob([text], {type: 'text/plain'});
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }
	if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveBlob(data, 'message.eml');
	} else {
	textFile = window.URL.createObjectURL(data);
	var link = document.getElementById('downloadlink');
    link.href = textFile;
	link.click();       
	}   
  };

  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');
  create.addEventListener('click', function () {
     makeTextFile(textbox.value);
  }, false);