From 18a27f0d7a8892232a5f378bd7f0cd46d3736bba Mon Sep 17 00:00:00 2001
From: Martin Edenhofer <me@edenhofer.de>
Date: Mon, 22 May 2017 21:44:40 +0200
Subject: [PATCH] Fixed issue #990 - paste in not possible in contentediable
 fields.

---
 .../app/lib/base/jquery.contenteditable.js    | 67 ++++++++++++++++---
 1 file changed, 58 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/app/lib/base/jquery.contenteditable.js b/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
index 32b336806..2a1994828 100644
--- a/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
+++ b/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
@@ -254,6 +254,9 @@
       if (e.clipboardData) { // ie
         clipboardData = e.clipboardData
       }
+      else if (window.clipboardData) { // ie
+        clipboardData = window.clipboardData
+      }
       else if (e.originalEvent.clipboardData) { // other browsers
         clipboardData = e.originalEvent.clipboardData
       }
@@ -307,15 +310,23 @@
       }
 
       // check existing + paste text for limit
-      var text = clipboardData.getData('text/html')
-      var docType = 'html'
-      if (!text || text.length === 0) {
-          docType = 'text'
-          text = clipboardData.getData('text/plain')
+      var text, docType
+      try {
+        text = clipboardData.getData('text/html')
+        docType = 'html'
+        if (!text || text.length === 0) {
+            docType = 'text'
+            text = clipboardData.getData('text/plain')
+        }
+        if (!text || text.length === 0) {
+            docType = 'text2'
+            text = clipboardData.getData('text')
+        }
       }
-      if (!text || text.length === 0) {
-          docType = 'text2'
-          text = clipboardData.getData('text')
+      catch (e) {
+        console.log('Sorry, can\'t insert markup because browser is not supporting it.')
+        docType = 'text3'
+        text = clipboardData.getData('text')
       }
       _this.log('paste', docType, text)
 
@@ -355,7 +366,14 @@
       // cleanup
       text = App.Utils.removeEmptyLines(text)
       _this.log('insert', text)
-      document.execCommand('insertHTML', false, text)
+
+      // as fallback, insert html via pasteHtmlAtCaret (for IE 11 and lower)
+      if (docType == 'text3') {
+        _this.pasteHtmlAtCaret(text)
+      }
+      else {
+        document.execCommand('insertHTML', false, text)
+      }
       return true
     })
 
@@ -515,6 +533,37 @@
     return this.$element.html().trim()
   }
 
+  // taken from https://stackoverflow.com/questions/6690752/insert-html-at-caret-in-a-contenteditable-div/6691294#6691294
+  Plugin.prototype.pasteHtmlAtCaret = function(html) {
+    var sel, range;
+    if (window.getSelection) {
+      sel = window.getSelection()
+      if (sel.getRangeAt && sel.rangeCount) {
+        range = sel.getRangeAt(0)
+        range.deleteContents()
+
+        var el = document.createElement('div')
+        el.innerHTML = html;
+        var frag = document.createDocumentFragment(), node, lastNode
+        while ( (node = el.firstChild) ) {
+          lastNode = frag.appendChild(node)
+        }
+        range.insertNode(frag)
+
+        if (lastNode) {
+          range = range.cloneRange()
+          range.setStartAfter(lastNode)
+          range.collapse(true)
+          sel.removeAllRanges()
+          sel.addRange(range)
+        }
+      }
+    }
+    else if (document.selection && document.selection.type != 'Control') {
+      document.selection.createRange().pasteHTML(html)
+    }
+  }
+
   // log method
   Plugin.prototype.log = function() {
     if (App && App.Log) {