首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Mark.js突出显示包含在html标记中的文本

Mark.js突出显示包含在html标记中的文本
EN

Stack Overflow用户
提问于 2020-05-15 19:34:40
回答 1查看 131关注 0票数 0

我试图使用Mark.js来突出显示一个短语,但该短语的一部分被包装在html标记中。因此,Mark.js不会突出显示该短语。我不确定如何解决这个问题。任何帮助都将不胜感激。

代码语言:javascript
复制
<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>
代码语言:javascript
复制
<style id="compiled-css" type="text/css">
.green {
  background: green;
}

</style>
代码语言:javascript
复制
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph<sup>~2</sup></p>
</body>
</html>

EN

回答 1

Stack Overflow用户

发布于 2020-05-15 23:23:47

我发现了问题所在。我需要将acrossElements设置为true。

Instance.mark(“第~2段”,{ accuracy:“准确”,separateWordSearch: false,acrossElements: true,className:"green“});

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61818244

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档