如何高亮显示某一点之前的所有内容

// 假设文本框的id为"textarea"，需要高亮显示的点在第5行第10个字符处
var textarea = document.getElementById("textarea");
var highlightRow = 5;
var highlightIndex = 10;

// 获取文本框中的内容
var content = textarea.value;

// 按照换行符分割内容为每一行的文本
var lines = content.split("\n");

// 遍历每一行文本，判断是否需要高亮显示
var highlightedLines = [];
for (var i = 0; i < lines.length; i++) {
  var line = lines[i];
  if (i < highlightRow - 1) {
    // 高亮显示之前的行
    highlightedLines.push('<span class="highlight">' + line + '</span>');
  } else if (i === highlightRow - 1) {
    // 高亮显示当前行之前的字符
    var highlightedText = line.substring(0, highlightIndex);
    var remainingText = line.substring(highlightIndex);
    highlightedLines.push('<span class="highlight">' + highlightedText + '</span>' + remainingText);
  } else {
    // 不需要高亮显示的行
    highlightedLines.push(line);
  }
}

// 将处理后的每一行文本重新拼接起来
var highlightedContent = highlightedLines.join("\n");

// 将高亮显示的结果设置回文本框
textarea.innerHTML = highlightedContent;