WYSIWYGは再び、IEはexecCommand

Question

最も単純な私は、JS/jqueryの内、最も簡単なWYSIWYGを書いた：完璧http://jsfiddle.net/XnSWF/

作品（例えば太字または選択したテキストに太字セットに書き込むように設定してください。）newsetオペラ11の上に、クロム16、Firefoxの9とSafari 5.1でもIE9では太字にすることはできません。太字ボタンを使うと、最初の文字に最初の行に移動します。

なぜですか？

Answer 1

IEでclickイベントが発生する前に選択が破棄されたためです。代わりにmousedownイベントを使用して、またはボタンのテキストが選択不可にすることにより（良い）で、このラウンドを取得することができます：

$('<li class="wysiwyg-bold"><b unselectable="on">textBold</b></li>') 
    .appendTo('.wysiwyg-toolbar'); 

ライブデモ：http://jsfiddle.net/XnSWF/1/