我试图使用Mark.js来突出显示一个短语,但该短语的一部分被包装在html标记中。因此,Mark.js不会突出显示该短语。我不确定如何解决这个问题。任何帮助都将不胜感激。
<script type="text/javascript" src="mark.js" charset="UTF-8"></script>
<script type="text/javascript">
var instance = new Mark(document.querySelector("body"));
instance.mark("My", {
accuracy: "exactly",
separateWordSearch: false,
className: "green"
});
//Does not work
instance.mark("paragraph~2", {
accuracy: "exactly",
separateWordSearch: false,
className: "green"
});
</script><style id="compiled-css" type="text/css">
.green {
background: green;
}
</style><!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph<sup>~2</sup></p>
</body>
</html>
发布于 2020-05-15 23:23:47
我发现了问题所在。我需要将acrossElements设置为true。
Instance.mark(“第~2段”,{ accuracy:“准确”,separateWordSearch: false,acrossElements: true,className:"green“});
https://stackoverflow.com/questions/61818244
复制相似问题