Снова WYSIWYG, IE самый простой execCommand

Question

Я написал самый простой WYSIWYG в js / jquery: http://jsfiddle.net/XnSWF/

Прекрасно работает (например, установить выделение жирным шрифтом или выделение жирным шрифтом выделенного текста) в новом наборе Opera 11, Chrome 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/