使所选文本在 textarea 中变为粗体

Question

我有两个TextAreas ，我想使用一个工具栏。 工具栏应包含用于使文本框中的文本变为粗体、斜体、左右对齐、添加项目符号等的按钮。我不明白的是：如何使 textarea 中的选定文本变为粗体？ 我之前使用 iFrame 来编写文本，并为此使用了iframe.contentDocument.execCommand() 。 但我认为我们不能将 execCommand() 用于 TextArea。 为了简单起见，我只是想制作一个类似于 TextArea 的东西，当我们在 stackoverflow 上发布问题时，它与 TextArea 相同，上面有一个工具栏！ 但是我不知道如何对文本进行操作！

Answer 1

您不能使用 textarea，因为 textarea只能包含字符数据，即非结构化文本。 因此，textarea 的所有内容都具有相同的样式。

这就是 CKEditor、TinyMCE 等使用 iframe 的原因。