javascript - 加粗文本 "Inside"a textarea

Question

我有一个文本区域#myarea，我正在其中输入文本。我已经输入了这段文字。

This is a sentence and only this word will end up being bolded

现在我在侧面有一个按钮，就像一个粗体按钮。我想选择我想要加粗的字母，单击按钮，然后看到这些字母在文本区域内变为粗体。它类似于许多编辑器中的标准功能，但我正在寻找更简单的功能，如我在此处所述。

那么有没有办法用 jquery 做到这一点？我猜这是一个由两部分组成的问题。我需要找到选中的字母，然后对它们应用粗体，以便在文本区域内显示粗体。

Answer 1

如果您不介意使用将 ContentEditable 属性设置为 true 的 div，那么您可以使用以下方法轻松地做到这一点:

document.execCommand('bold',null,false);

您可以轻松地设置此 div 的样式，使其看起来和感觉起来像一个文本区域。

在这里查看 jsFiddle:http://jsfiddle.net/hqvDT/1/