在contenteditable div中的選定文本上添加範圍

Question

我希望用戶能夠選擇div中的文本並將<span style="color: #ff3300;">添加到該文本中。

示例代碼@http://jsfiddle.net/SkDA8/1/

將鼠標懸停格，然後點擊缺失的圖片顯示顏色色板

感謝您的幫助！

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/

希望這有助於。

鮑勃