时间戳

首页 > 解决方案 > HTML 文本区域着色

html - HTML 文本区域着色

问题描述

我正在尝试使用和/或为我的 HTMLtextarea元素着色，因此当我输入内容时它会显示不同的颜色。CSSJavaScript

例如，如果我输入“Hello world”，我可能希望它是绿色的，因为它是一个字符串。然而，我不知道该怎么做。（提醒：这是在页面上输入，而不是在页面源代码中输入）
我知道这是可能的，因为W3Schools做到了。

但是，我似乎无法找出如何给它上色。这是来自 W3Schools 的示例页面。如果你输入一些东西，它会根据它是什么而改变颜色。我不知道如何让它做到这一点。帮助将不胜感激！

标签： htmlcsscolors

解决方案

我建议使用像https://markjs.io这样的库，因为从零开始实现它会花费太多时间。

这是突出显示“找到的单词”的示例

$(function() {
  var $input = $("input[name='keyword']"),
    $context = $("table tbody tr");
  $input.on("input", function() {
    var term = $(this).val();
    $context.show().unmark();
    if (term) {
      $context.mark(term, {
        done: function() {
          $context.not(":has(mark)").hide();
        }
      });
    }
  });
});

更多：https ://jsfiddle.net/julmot/bs69vcqL/

推荐阅读