Cannot paste HTML in IE

When pasting HTML in IE, only plain text is preserved.

To reproduce:

• Copy some HTML with formatting (such as this line) to the clipboard.
• Go to http://facebook.github.io/draft-js/ in IE.
• Paste the clipboard contents into the editor.
• Expected result: the formatting is preserved.
• Actual result: The formatting is lost.

IE does not expose text/html on the clipboardData, so this may be difficult to fix. There are working workarounds, though, such as the one described on http://stackoverflow.com/a/6804718/815176. This workaround involves:

• temporarily stashing the current editor contents
• allowing the browser to natively paste into the contenteditable area
• reading the contents of the contenteditable area

Would such a workaround be considered for inclusion in the framework?

[flarnie]

I’m going to try and look into this. Thanks to those who have posted - please let me know if someone has a PR ready for this, otherwise will be debugging it in my spare time.

[robbertbrak]

@AnilRedshift great to hear that other people are working on this as well! My own solution, similar to yours, is implemented in https://github.com/robbertbrak/draft-js/commit/3aee43f060a745d8ff379f7b698f1d7e10d5e06b.

I ran in the same issues that you mentioned. In addition, and just for reference, I noticed that Draft adds the following CSS to the contenteditable div: -webkit-user-modify: read-write-plaintext-only (see https://github.com/facebook/draft-js/blob/master/src/component/base/DraftEditor.css#L17). I’m not sure why that attribute is necessary for Draft, but if it’s there, it prevents Edge from pasting HTML into the element.