js 使用 mark.js 进行文本高亮

创建日期: 2024-09-21 13:16 | 作者: 风波 | 浏览次数: 19 | 分类: 前端

官方文档:https://markjs.io/

Syntax

JavaScript

var context = document.querySelector(".context");
var instance = new Mark(context);
instance.mark(keyword [, options]);

jQuery

$(".context").mark(keyword [, options]);

高亮风格 style

被高亮的文本会被如下的 html 元素修饰 <mark data-markjs="true">文本</mark>

所以可以在 css 中对 <mark> 标签进行修饰

mark {
    background: orange;
    color: black;
}
19 浏览
10 爬虫
0 评论