我有一个使用HTML 5拖放API的wysiwyg编辑器,允许用户在他们正在编辑的页面中放置小部件.触发OnDrop事件时,我会阻止默认事件,并在编辑器中插入一些代表它们插入的窗口小部件的html.我execCommand("inserthtml", false, html)在Firefox中使用它.
这在IE中运行良好,但在Firefox中,html不会放在它被删除的位置.它总是被放置在前一个选择所在的位置,这使我相信取消OnDrop事件以覆盖默认下降也会取消选择更改.
关于如何解决这个问题的任何想法?
谢谢!
这是我的HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
input.navbutton
{
text-align: center;
min-width: 100px;
}
</style>
</head>
<body>
<input type="submit" class="navbutton " value="Next" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在IE 7上,这最终看起来像这样:

但在Firefox上它看起来像这样:

如您所见,文本未在IE 7中正确居中.
关于如何解决这个问题的任何想法?