TEXT EDITOR

  <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> </html>

:

Enter your comment:

Please fill all the letters into the box to prove you're human. C U Y᠎ L F Please keep this field empty:

Subscribe to comments

Detach Close

You've followed a link to a topic that doesn't exist yet. If permissions allow, you may create it by clicking on Create this page.

TEXT EDITOR

Discussion

This topic does not exist yet