富文本编辑器使用 contenteditable 换行文本

Question

我正在尝试使用 contenteditable 功能设计一个简单的富文本编辑器，并且需要一些有关此功能的帮助，该功能使用标签包装选择（例如：<em>）

例子：

我从这个开始

<div contenteditable="true" id="editor">123<strong>abc</strong>xyz</div>

选择一段文字

3<strong>abc</strong>x

然后点击执行标签包装功能的按钮。

<div contenteditable="true" id="editor">12<em>3<strong>abc</strong>x</em>yz</div>

如何找到选择的开始和结束以插入开始和结束标记？

我已经被困了几个小时，任何帮助都会很棒。

Answer 1

试试这个：

var italicize = function () {
    document.execCommand('italic');
};​

只要您希望将所选文本变为斜体，只需调用此方法即可。

见小提琴 - http://jsfiddle.net/UdPAC/12/