在javascript中，如何在不覆盖以前的粗体字符串的情况下用粗体文本替换多个字符串？

Question

function replaceKeys(inputString, keys){

    for (var i = 0; i < keys.length; i++) {
                var t = keys[i];
                if (t) inputString= inputString.replace(new RegExp(t, 'gi'), '<strong>' + t + '</strong>');
            }
            return s;
}  

With the javascript method above I have tried to bold all text in a given string, based on a list of "keys" or string parts.

Example inputs:
keys=["man", "str"] inputString="strong man"
intended output :
str ong man

Unfortunately the output is replacing the "str" parts of the strong tags too. Meaning the output becomes

< str ong> str strong>ong man .
Is there a Regular expression or some other method so that I can ignore html tags in a string so it doesn't have weird behaviour like this?

Answer 1

You can do this by defining a placeholder instead of using <strong> tags directly:

function replaceKeys(inputString, keys){
    var placeholder = '!!';
    var s = inputString.replace(new RegExp(/strong>/gi),placeholder);
    for (var i = 0; i < keys.length; i++) {
                var t = keys[i];
                if (t) s = s.replace(new RegExp(t, 'gi'), '<' + placeholder + t + '</' + placeholder );
            }
            return s.replace(new RegExp(placeholder,'g'),'strong>');
} 
replaceKeys("strong man",["man", "str"]);