WYSIWYG再次,IE最简单的execCommand

我在js / jquery中写了最简单的WYSIWYG: http : //jsfiddle.net/XnSWF/

在新设置的Opera 11,Chrome 16,Firefox 9和Safari 5.1上完美地工作(例如,设置为粗体写入或在所选文本上设置粗体)但在IE9中我无法将粗体设置为选定文本,并且总是当我使用粗体按钮时,这个carret去第一行到第一封信……

为什么?

这是因为在IE中click事件触发之前,选择被销毁。 你可以通过使用mousedown事件来解决这个问题,或者(更好)使按钮文本不可选:

 $('
  • textBold
  • ') .appendTo('.wysiwyg-toolbar');

    现场演示: http : //jsfiddle.net/XnSWF/1/