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

希望这有帮助。

鲍勃