javascript - 渲染文本输入中的某些单词/字符

Question

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

例如:

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

请注意，我想混合文本和标签 - 而不仅仅是显示标签。

Answer 1

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

您可以在此处查看文档:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content .