如何高亮显示标签textarea中的文字

如何高亮显示标签textarea中的文字?

该textarea,由用户输入文字后,点击一个提交按钮后,会被传入到后台数据库去做比较,数据库中没有的内容(比如某些汉字),会在该textarea中显示出来。

参照了下面的链接,但它只能实现对

中的innerHTML的高亮操作,对textarea则无效。

多谢。

https://blog.csdn.net/weixin_39072332/article/details/78884855

这个链接的代码如下:

<body>
  <div id="content">
      苹果含有丰富的糖类、维生素、微量元素以及水溶性食物纤维和有机酸,是人们公认的健康之果。不仅如此,苹果还具有天然的怡人香气,这种清香气味对于人体来说,有舒缓压力、提神醒脑的功效,而苹果中充足的矿物质硼,也同样可以使困倦的大脑快速恢复清醒状态。喝杯咖啡不如吃个苹果的道理就正在于此了
  </div>
  <input type="text" id="text" placeholder="请输入关键字"/>
  <input type="button" id="button" value="确定"/>
  <script>
     var content = document.getElementById("content");
     var contents = content.innerHTML;
     var text = document.getElementById("text");
     var button = document.getElementById("button");
     button.onclick = function() {
         var value = text.value;
         var values = contents.split(value);
         content.innerHTML = values.join('<span style="background:red;">' + value + '</span>');
     };
  </script>
</body>