使用文本插件时如何在javascript中将一些特殊字符串设置为粗体答案

【问题标题】：How to make some special character string as bold in javascript while using text plugin使用文本插件时如何在javascript中将一些特殊字符串设置为粗体
【发布时间】：2021-10-02 23:34:33
【问题描述】：

我想让这个文本“|| 1 || 2 || 更多 || 最后一个 ||”

然后加粗“|”所有的字符串

然后它变成了“|| 1 || 2 || 更多 ||最后一个||"

我正在使用 gsap 的打字机文本插件这是我的代码

function boldString(str, substr) {
            var strRegExp = new RegExp(substr, 'g');
            return str.replace(strRegExp, '<b>' + substr + '</b>');
        }

gsap.to('.lead', { duration: '3.5', delay: '2', text: boldString("|| something 1 || something 2 || more || last one ||", "|")

然后在打字机插件成功启动后给我这个结果

"||||| |s|o|m|e|t|h|i|n|g| |1| ||||| |s|o|m|e|t|h|i |n|g| |2| ||||| |m|o|r|e| ||||| |l|a|s|t| |o|n|e| |||||"

但有一些“|”是粗体

我的代码也修改成

return str.replace(substr, '<b>' + substr + '</b>');

然后给了我这个结果

||东西1 ||东西2 ||更多 ||最后一个||

这是我之前的参考：Bold part of String

谢谢

【问题讨论】：

标签： javascript html string web frontend

【解决方案1】：

用反斜杠转义管道：

var str = "||||| |s|o|m|e|t|h|i|n|g| |1| ||||| |s|o|m|e|t|h|i|n|g| |2| ||||| |m|o|r|e| ||||| |l|a|s|t| |o|n|e| |||||";

var result = str.replace(/\|/gi, '<b>|</b>');

document.getElementById("result").innerHTML = result;
console.log(result);

&lt;span id="result"&gt;&lt;/span&gt;

【讨论】：

抱歉，这对我的情况不起作用。感谢您的宝贵时间，祝您有美好的一天:)
正如我之前提到的，它不起作用。它反对我的情况下的所有大胆影响。根据您的回答对我的代码进行最佳修改，让我得到图片link 我在我的问题中给出的结果，但您的代码给了我相反的粗体效果（不是粗体的字符串现在变成粗体，而粗体的字符串现在得到正常的str）。我怀疑它是因为 GSAP 打字机插件，我工作了半天只是为了你的答案，直到我放弃并发表评论:)
这里 link 根据您的回答查看我的代码一些修改甚至根本没有显示。这就是为什么我放弃了这个