URL highlighting text tinkering

URLs to websites (including wikis) can highlight sections of text using the pages URL, followed by #:~:text=, and ending with the URL encoded section of the text.

Build the link

1. Start with a normal external link bracket:
   • [
2. Then add the pages URL, for example:
   • https://mwstake.org/wiki/URL_highlighting_text_tinkering
3. Add this little snippet:
   • #:~:text=
4. Add the URL PATH encoded section of the text you want to highlight using {{urlencode:string|PATH}}
   • {{urlencode:highlight sections of text|PATH}}
   • Which results in:
     • highlight%20sections%20of%20text
5. Then finish with a space (normal for an external link), the alternative text (probably ideal since the URL will likely be long), and then a closing bracket:
   •   Cool highlighted link]
6. Putting this all together, you get:
   • [https://mwstake.org/wiki/URL_highlighting_text_tinkering#:~:text={{urlencode:highlight sections of text|PATH}} Cool tip]
7. Which results in (need to open in a new tab):
   • Cool tip

Longer sections of text

1. The same format can be used to capture longer strings without capturing all the text by separating the two sections of text with a comma ,
2. For example:
   • [https://mwstake.org/wiki/URL_highlighting_text_tinkering#:~:text={{urlencode:URLs to websites|PATH}},{{urlencode:section of the text.|PATH}} Cool tip 2]
3. Which results in (need to open in a new tab):
   • Cool tip 2

Notes

• Only works on Chrome
• https://www.howtogeek.com/658842/how-to-use-google-chromes-new-deep-linking-feature/
• https://arstechnica.com/gadgets/2020/06/google-pushes-text-fragment-links-with-new-chrome-extension/