在flask应用程序中添加javascript函数影响

我从python脚本中获取文本和一些重要单词列表，我正在UI中使用flask显示该脚本

我想突出文本中的重要关键字。当我在w3scool编译器上测试它时，它运行良好

在text-process.html中

<script>
// var vow = {{ item }};
var someJavaScriptVar = '{{ wordres }}';
var wordsToBold =['reduced'];


function makeBold(input, wordsToBold) {
    return input.replace(new RegExp('(\\b)(' + wordsToBold.join(',') + ')(\\b)','ig'), '$1<mark>$2</mark>$3');
}

document.getElementById("vow_p").innerHTML = makeBold(someJavaScriptVar, wordsToBold);
</script>

//var-vow={{item}}；
var someJavaScriptVar='{{wordres}}}'；
var wordsToBold=['减少']；
函数makeBold（输入，wordsToBold）{
返回input.replace（新的RegExp（'（\\b）（'+wordsToBold.join（'，'）+'）（\\b）“，'ig'），'$1$2$3'）；
}
document.getElementById（“vow_p”）.innerHTML=makeBold（someJavaScriptVar，wordsToBold）；

更改

wordsToBold.join(',')

到

regexp中的

表示»或«so

/one | word |其中/

匹配：one或word或

/one，word，of，由脚本创建的那些

与整个字符串匹配

另外

var wordsToBold =['reduced'];

---

只包含一个单词，所以如果它被

|
或
，
连接，那么它只会导致
（减少）
，所以只匹配该单词。
谢谢，实际上我在函数中添加手动关键字列表时看到了这一点。它现在高亮显示所有关键字。但当我动态地从python脚本中获取列表时，它并没有这样做。它动态地获取文本内容，但不获取关键字列表。
wordsToBold.join(',')

wordsToBold.join('|')

var wordsToBold =['reduced'];