Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <body>
- <div id="rte" contenteditable="true" style="height: 100%; width: 100%; outline: 0; overflow: auto"></div>
- <script type="text/javascript">
- document.getElementById("rte").focus();
- document.body.addEventListener("paste", function(e) {
- for (var i = 0; i < e.clipboardData.items.length; i++) {
- if (e.clipboardData.items[i].kind == "file" && e.clipboardData.items[i].type == "image/png") {
- // get the blob
- var imageFile = e.clipboardData.items[i].getAsFile();
- // read the blob as a data URL
- var fileReader = new FileReader();
- fileReader.onloadend = function(e) {
- // create an image
- var image = document.createElement("IMG");
- image.src = this.result;
- // insert the image
- var range = window.getSelection().getRangeAt(0);
- range.insertNode(image);
- range.collapse(false);
- // set the selection to after the image
- var selection = window.getSelection();
- selection.removeAllRanges();
- selection.addRange(range);
- };
- // TODO: Error Handling!
- // fileReader.onerror = ...
- fileReader.readAsDataURL(imageFile);
- // prevent the default paste action
- e.preventDefault();
- // only paste 1 image at a time
- break;
- }
- }
- });
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement