JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    //change cat1
    var mapObj = { 
    KCC:'<img ... />',
    MIN:'<img ... />'
    };

    var aTags = document.getElementsByTagName("a");
    for (var i = 0; i < aTags.length; i++) {       
      aTags[i].textContent = replaceAll(aTags[i].textContent, mapObj);
    }
    
    function replaceAll(str,mapObj){
      var re = new RegExp(Object.keys(mapObj).join("|"),"gi");
      return str.replace(re, function(matched){
         return mapObj[matched];
      });
    }
  });
</script>
</head>
<body>
 <a id="tag1" target="new" href="#">KCC&nbsp;26&nbsp;v&nbsp;MIN&nbsp;23</a>
</body>
</html>