If Multi Find is aleady installed, please, do not use this page, visit the test page instead.

This is a demonstration page of the browser extension "Multi Find" that allows you the search, find, highlight and browse multiple words on a webpage.
Click on the button in the left menu: a popup window will appear.
Insert some words separated by line break for instance:

mark
red paint

and see them highlighted in the page.
Jump from an occurrence to another using the appropriate buttons, or press Ctrl-Shift-Left/Ctrl-Shift-Right.
Play with the toggle buttons to see the changes in the results.
Once you are convinced that you want this for any Internet page, go back to the download page and install Multi Find!

Different types of highlights

Case sensitiveness

Please, enter the following strings to search:
- mark
and use the "case sensitive" toggle switch.
Test:
- Mark mark MARK mArK

Diacritic sensitiveness

Please, enter the following strings to search:
- mark or märk
and use the "diacritic sensitive" toggle switch.
Test:
- mark märk mârk mařk

Fragments of words

Please, enter the following strings to search:
- mark
and push successively the exactly match, begin with, contain and end with buttons.
Test:
- Mark remarked a watermark at the marketplace.
- Rémarkäble. (sometimes diacritics are considered as "non-letters" and in this case mark will be considered as a whole word inside the previous invented word and thus will be highlighted)

Sequences of words

Please, enter the following strings to search:
- red paint
and push successively the exactly match, begin with, contain and end with buttons.
Test:
- The inspired painter used red paint to make red paintings and multicolored paint to make multicolored paintings.

Iframes

Please, enter the following strings to search:
- red paint
Test:
Regular iFrame with external content (URL in the src attribute)

Special iFrame with internal content (embeded in the srcdoc attribute)

Different scrollbars

This is a long text, that force this element to have a scrollbar. The searched text can be very low:
for instance "mark"

This is another long text, that force also this element to have a also scrollbar inside the previous scrollable window. In case the text is even loger, you can have other issues. The highlighted text could be visible in the window becasue it has properly scrolled, but the main window could scroll at a position where the text would be if it would not have not scroll. I hope this maked sens. Anyways, here is the searched text again much lower:
it is again "mark"

Contenteditable

contenteditable is used on modern websites to post articles in blogs or answers in forums or edit wiki articles as an alternative to textarea (that does not support any text formatting).
Please, enter the following strings to search:
- mark
and type "remarkable" below.
Test:

Click here and type your text

Dynamic content

Please, enter the following strings to search:
- red paint
Click and hold to display the dynamic content.

Flexbox

Please, enter the following strings to search:
- red paint
and try to reduce the width of the window.
Test:

- The inspired painter used red paint to make red paintings and multicolored paint to make multicolored paintings.

Limitations

Please, enter the following strings to search:
- mark
and see what happen below.
Test:
- mark (one character is bold)
- mark (one character is in a span with no style change)
- remarkable (OK when all spans are modified by css)
- remarkable (first letter capitalization)
- (OK when the text is in a regular button)
- (the text is in an input of type button, no formatting supported)
- (single line input text: no formatting supported)
- (textarea: no formatting supported)

Demo mode

Highlighter Demo