javascript - 富文本编辑器使用 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>

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

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

score 0 · Accepted Answer

尝试这个：

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

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

1 回答 1