以相同的字符結尾，其他替換

Question

我正在進行實時預覽，我必須替換某些字符。當我輸入*text*時，應該用html：<span class="txt-bold">text</span>替換它。

我的代碼的第一部分似乎是成功的，但我不知道如何修改REGEX，以便它正確地用SPAN的結束標記替換第二個星號。

這可能聽起來很愚蠢，但在我的研究中，我找不到解決方案。

textarea_content = textarea_content.replace(/\*/g, '<span class="txt-bold">').replace(/\[\/*\]/g, '</span>'); 

Answer 1

你的問題是，第一正則表達式將替換所有*實例與開口<span>標籤，所以第二replace()調用將不會匹配任何內容。

更好的解決方案是使用一個正則表達式來匹配一個組，然後用它來做替換。試試這個：

var foo = 'some dummy *text*'; 
 
var bar = foo.replace(/\*(.+)\*/g, '<span class="txt-bold">$1</span>'); 
 

 
console.log(bar);