在mark.js中为单独的单词数组设置样式

Styling separate arrays of words in mark.js?

本文关键字：单词 数组 设置 样式 单独 mark js      更新时间：2023-09-26

所以我有一个我正在使用的单词列表，一个列表是好列表，一是坏列表，还有一个是中性列表。我一直在用mark.js突出显示好列表，并用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表，它也会变成绿色。有没有一种方法可以把坏的涂成红色，好的涂成绿色，还有中性灰色？

   var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(positive, {
           accuracy: "exactly",
           separateWordSearch: false
});
 var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(bad, {
           accuracy: "exactly",
           separateWordSearch: false
});
  var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(neutral, {
           accuracy: "exactly",
           separateWordSearch: false
});

该代码为它突出显示的所有单词添加了一个，所以现在我用来突出显示它的代码是：

$('mark').css({'background':'transparent' , 'color':'red'});

我想强调的文本只是：

<div id = "postingbody">
hey I'm some text I wanna highlight
</div>

在您的mark（）方法参数中，您可以指定如下代码中所示的CSS类名：

instance.mark(positive, {
    accuracy: "exactly",
    separateWordSearch: false,
    className: "green"
});

你可以这样创建你的CSS类：

.green {
  color: rgb(0, 255, 0);
  background: transparent;
}
相关文章：