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');
};

只要您希望将所选文本设置为斜体，就可以调用此方法。