HTML 5 drag-drop into wysiwyg editor in Firefox

Posted by einarq on Stack Overflow See other posts from Stack Overflow or by einarq
Published on 2010-01-27T21:16:14Z Indexed on 2010/05/15 1:44 UTC
Read the original article Hit count: 239

Filed under:
|
|
|

I have a wysiwyg editor using the HTML 5 drag-drop api to allow the user to place widgets within the page they are editing. When the OnDrop event fires, I prevent the default event, and insert some html within the editor that represents the widget they inserted. I use execCommand("inserthtml", false, html) for this in Firefox.

This works fine in IE, but in Firefox the html is not placed in the location where it was dropped. It always gets placed in the location where the previous selection was, which leads me to believe that cancelling the OnDrop event to override the default drop also cancels the selection change.

Any ideas on how to solve this?

Thanks!

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about editor