通过用标签替换'`'来包装某些单词

Question

我正在尝试复制一些“降价行为”。我正在尝试向 JS 提供一些文本，例如，像这样的字符串："This is some very very fancy `code example` to try out yourself!"我想替换开头`和<div class="code">结尾`以"</div>"突出显示一些内容。我已经尝试过使用它，.replace()但如果没有它，它就无法工作，包括 terminating 之后的文本`。我在这里做一些根本错误的事情吗？除了手动逐个字符地遍历字符串之外，还有更优雅的解决方案吗？非常感谢帕苏-

Answer 1

试试这个：

var x = "Hello `code` World!".replace(/`([^`]+)`/g, "<div class='code'>$1</div>");

console.log(x);

Answer 2

您可以尝试使用正则表达式来替换它。

var str = 'This is some very very fancy `code example` to try out yourself!';

document.body.innerHTML += str.replace(/`(.*)`/, '<div class="code">$1</div>')

.code {

  color: red;

}

(.*) 意思是：任何字符一次或多次。

$1表示：第一组的内容（其中里面()）

或者如果你想更换超过1次，你可以试试这个。

var str = 'This is some `code example 1` and very very fancy `code example 2` to try out yourself!';

document.body.innerHTML += str.replace(/`(.*?)`/g, '<div class="code">$1</div>')

.code {

  color: red;

}

Answer 3

您可以使用此调用替换something为<div class="code">something</div>：

someString.replace(/`([^`]*)`/, (match, p1) => `<div class="code">${p1}</div>`);