Как сохранить выделение при работе с execCommand (кликаем картинки, а не текстовые ссылки)?

Question

[4eloBek]

Возникла проблема с "удерживанием" выделения при клике не на текстовую ссылку (типа <a></a>. с ней все впорядке), а на картинку?

Вот пример на http://jsfiddle.net/
P.S. В данном примере ссылка не ставится при клике по иконке. onmousedown позволяет проставить ее, но убирает выделение(

Подскажите, как эту неприятность устранить?
Заранее спасибо)

Answer 1

[Денис Инешин]

Не совсем понятно что именно вам нужно, но, например чтобы фокус мог сработать на диве, у него должен стоять атрибут tabindex="-1"

Comments

[4eloBek]

Я имел ввиду, что выделение пропадает. И если, например, мне надо добавить несколько "стилей" (допустим, сделать выделенный кусок текста и жирным и подчеркнутым), то после каждого "применения" приходится опять выделять тот же кусок текста.((
Как сделать, чтобы выделение оставалось и после клика по кнопочкам? Вот)

[Денис Инешин]

4eloBek: вот нашел вам: stackoverflow.com/questions/12778508/contenteditab...

[4eloBek]

Денис Инешин: Спасибо) Разбираюсь с кодом...

У меня вопрос еще:
Вроде простенький код:

var root = $('#content').text();
    var rng = document.createRange();
    rng.setStart( root, 0 );
    rng.setEnd( root, 3 );

...но ничего не выделяется(

[Денис Инешин]

4eloBek: Не не, попробуйте без jquery, так как root вернет вам строку, а не ноду.

[4eloBek]

Денис Инешин: Все. Разобрался. Спасибо большое))

Answer 2

[Александр Таратин]

Просто оберните картинку в ссылку jsfiddle.net/QW01_01/sp90wrnq/1