JSFiddle - React, Tailwind, and code Playground

by guest271314

HTML

<div contentEditable="true"> <span>some text</span>
    <br />
    <img src="http://lorempixel.com/output/city-q-c-250-250-1.jpg" />
</div>
<button>click</button>

JavaScript

$("button").on("click", function (e) {
    var elem = $("div")[0].outerHTML;
    var blob = new Blob([elem], {
        "type": "text/html"
    });
    var reader = new FileReader();
    reader.onload = function (evt) {
        if (evt.target.readyState === 2) {
            console.log(
                         // full data-uri
                         evt.target.result
                         // base64 portion of data-uri
                       , evt.target.result.slice(22, evt.target.result.length));
            // window.open(evt.target.result)
        };
    };
    reader.readAsDataURL(blob)
})