How to make use of it:

1. Import the Badge-Tags.js into your HTML doc.

<link rel="stylesheet" href="src/css/style.css" />
<script src="src/js/main.js"></script>

2. Activate the library on the component containing hashtags.

<div data-badge-tags="active">
  I Love Web Code.
</div>

3. Initialize the Badge Tags and accomplished.

const tags = new BadgeTags();

// result
<div data-badge-tags="active">
  <i class="tag" style="background-color: rgb(240, 240, 240); color: grey; border-color: transparent;">CSS</i>
  <i class="tag" style="background-color: rgb(240, 240, 240); color: grey; border-color: transparent;">Web</i>
  <i class="tag" style="background-color: rgb(240, 240, 240); color: grey; border-color: transparent;">Code</i>
</div>

4. Customize the border/text/background colors.

const tags = new BadgeTags({
      textColor: "#fff",
      borderColor: "#222",
      backgroundColor: "#222",
});

5. Assign a click-on callback function to all badge tags.

const tags = new BadgeTags({
      callback: function hey(event){
        console.log(`${target.event.innerHTML}`);
      };
});

Convert #hashtags Into Tags, Badge Tags.js Plugin/Github

See Demo And Download