在文本区域中填充文本“内部”

我有一个textarea #myarea ，我正在输入文字。 我输入了这个文字。

这是一个句子，只有这个词最终会被加粗

现在我侧面有一个按钮，就像一个粗体按钮。 我想选择我想要加粗的字母，单击按钮，然后在textarea中看到那些字母变为粗体。 它类似于许多编辑器中的标准function，但我正在寻找比我在这里描述的更简单的东西。

那么有没有办法用jquery做到这一点？ 我猜它是一个由两部分组成的问题。 我需要找到所选的字母，然后对它们应用粗体，使其在textarea中显示为粗体。

Answer 1

如果您不介意使用其ContentEditable属性设置为true的div，那么您可以使用以下方法轻松完成此操作：

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

您可以轻松地将此div设计为外观和感觉像textarea。

请参见jsFiddle： http ： //jsfiddle.net/hqvDT/1/