Добавить span на выделенный текст в contenteditable div

Question

Я хочу, чтобы пользователь мог выбрать текст в div и добавить к нему <span style="color: #ff3300;">.

Пример кода @ http://jsfiddle.net/SkDA8/1/

Наведите курсор на div и нажмитена отсутствующем изображении для отображения образца цвета

Спасибо за вашу помощь!

PS

Я хочу, чтобы он работал во всех современных браузерах.

Answer 1

Я собирался ответить на ваш пост в группе Rangy по этому поводу, но я отвечу и здесь.

Это одна задача, которую можно выполнить с помощью document.execCommand():

document.execCommand("ForeColor", false, "#ff3300")

Я создал обновление для вашего jsfiddle: http://jsfiddle.net/timdown/SkDA8/3/

Answer 2

Не совсем точно, что вы пытаетесь сделать. Вот обновленный jsFiddle, который получает значение цветного образца, на который нажали, и обновляет цвет заголовка.

http://jsfiddle.net/SkDA8/4/

Надеюсь, это поможет.

Bob