How to highlight search results with 2 or more html-elements?

Question

I used mark.js for resolving subject, however, it's not working for cases like

<p><b>3</b> results found</p>

So if I try to search "3 results found" I will have 0 matches. However, browser can handle cases like that with ctrl+F. How can I do it using javascript?

Answer 1

To search across multiple HTML elements you'll have to enable the option separateWordSearch of mark.js – which is enabled by default. Since you haven't posted a code example I assume that you've explicite deactivated it.

Here is an example:

 new Mark(document.querySelector("p")).mark("3 results found"); 

 <script src="https://cdn.jsdelivr.net/mark.js/7.0.0/mark.min.js"></script> <p><b>3</b> results found</p> 

If you need an option to search in multiple HTML elements without this option, you'll have to submit a feature request here .