html - 在 textarea 中设置某些文本的样式

Question

是否可以只对 <textarea> 中的某些文本设置样式？元素？我知道您不能在 <textarea> 中插入任何其他 HTML 标记并且不想求助于一些像创建重影或覆盖元素这样的骇人听闻的东西。

用例:突出显示插入到 <textarea> 中的所有链接带有一些字体样式。 contentEditable 似乎没有真的支持，根据这个答案https://stackoverflow.com/a/1102242/849761但您可能会说，我不是 UI 开发人员

Answer 1

不，不可能在 textarea 元素中设置文本的某些部分的样式。你必须使用 contentEditable .您引用的答案来自 2009 年 - 现在所有主流浏览器都支持 contentEditable。

您需要编写逻辑来确定链接何时被输入，或者在 UI 中提供一种方法来添加链接并使用 execCommand。但除此之外，CSS 非常简单:

div[contenteditable="true"] a {
  /* styles */
}