在文本中填充文本"内部"

Question

我有一个textarea #myarea我正在键入文本.我输入了这个文字.

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

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

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

Answer 1

如果您不介意使用其ContentEditable属性设置为true的div,那么您可以使用以下命令轻松完成此操作:

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

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

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