deeplinks.js allows people to easily link directly to any specific text on your website. You can specify the text on the site as usual, and when they do that, the fragment identifier (the thing that comes after the # in the URL) changes.

If they want to share the text they selected, they simply copy the URL and send it to someone. When that person visits the URL, the same text that was originally selected will be selected and passed to the view.

Must Read: Create Blinking Text Effect Using jQuery Plugin | jblink

deeplinks.js Details

Objectives

• Plug-and-play. Copy files, drop <script type="module" src="/deeplinks/deeplinks.js"></script> them on your website, and it works.
• Robust. Updates will not cut links to old URL addresses.
• Short links. Long URL addresses are ugly and are often distorted by messaging applications. URLs should be short and not contain characters that are likely to be distorted by misconduct applications.
• Subtle. You should not happen in the way of the reader. It does not break the normal fragment bonds.
• Reasonable small. It is about 1.7kb gzipped at the present time (1.6kb brotli), and it should not grow too much.

How to make use of it:

Import links to specific positions (deeplinks) as a module.

<script type="module" src="./deeplinks.js"></script>

<p>
      test <em>test</em> test
    </p>

    <h2>Here are some things that cause problems</h2>

    <p>
      <span>uh oh</span><br>
      <span>identical text nodes</span><br>
      <span>identical text nodes?</span><br>
      <span>identical text nodes</span><br>
      <span>identical text nodes?</span><br>
      <span>identical text nodes</span><br>
      <span>identical text nodes?</span><br>
      <span>identical text nodes</span><br>
      <span>identical text nodes?</span><br>
      <span>identical text nodes</span><br>
      <span>identical text nodes?</span><br>
      <span>hmmm</span><br>
    </p>

See Demo And Download

Official Website(WesleyAC): Click Here

This superior jQuery/javascript plugin is developed by WesleyAC. For extra advanced usage, please go to the official website.