JSFiddle - React, Tailwind, and code Playground

HTML

<div id="result">...</div>

JavaScript

function getHighlightedText(basicString, filterString) {

        if ((basicString === "") || (basicString === null) || (filterString === "") || (filterString === null)) return basicString;

        return basicString.replace(new RegExp(filterString.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\\\$&'), 'gi'),
            function(match)
                {return "<mark>"+match+"</mark>"});

    }


var string1 = getHighlightedText('BorderTop bo bo Border', 'bo')

$('#result').html(string1);