Javascript 在文本输入中呈现某些单词/字符

在HTML文本输入或文本区域中显示字符串时，我希望某些子字符串周围有一个框来呈现。理想情况下，这些子字符串将被视为单个实体，而不是单个字符或下面的stackoverflow标记。更像突出显示或文本强调，但可能与图形

例如：

-------------------------------------------------------------|
|                      _______                               |
| This string contains |boxed| characters within a textarea. |
|                      -------                               |
--------------------------------------------------------------

---

请注意，我想混合使用文本和标记，而不仅仅是显示标记。

您不能使用文本区域。一种解决方法是通过使用一个带有contenteditable=true属性的div来模拟这种行为，然后您可以应用所需的样式

---

您可以在此处查看文档：。

您可以在标记中包含特定单词，然后相应地设置其样式。border*属性可能很有用。@mmontoya有关于如何开始的教程吗？我甚至不知道从哪里开始寻找如何实现这一目标。哪里更好