在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/

希望这有助于。

鲍勃