在HTML中使用正則表達式使用正則表達式着色文本

Question

我想使用正則表達式將以下文本轉換爲^text^中的文本被某些HTML標記中的文本替換。 （內<font color='red'>和</font>

例子：

Input Text: Please select ^Continue^ to proceed with your call or ^Exit^ to call 

Output Text: Please select <font color='red'>Continue</font> to proceed with your call or <font color='red'>Exit</font> to call 

是否有可能實現上述JavaScript中使用正則表達式

Answer 1

使用yourstring.replace(/\^([^\^]*)\^/g,"<font color='red'>$1</font>")

Explanation -- Starting^
       ------- Match everything but ^, in $1 
         -- End with^

g是全局標誌，表示正則表達式將匹配所有匹配項。

例如：

text= "Please select ^Continue^ to proceed with your call or ^Exit^ to call" 
result=text.replace(/\^([^\^]*)\^/g,"<font color='red'>$1</font>") 

Answer 2

your_string.replace(/\^(.*?)\^/g, "<font color='red'>$1</font>"); 

？例如：

> a = "Please select ^Continue^ to proceed with your call or ^Exit^ to call" 
"Please select ^Continue^ to proceed with your call or ^Exit^ to call" 
> a.replace(/\^(.*?)\^/g, "<font color='red'>$1</font>"); 
"Please select <font color='red'>Continue</font> to proceed with your call or 
<font color='red'>Exit</font> to call" 

Answer 3

可能更好的做出某種解析功能，取決於你的情況下，這樣的事情。

的Javascript

function wrapMarked(string, open, close) { 
    if (typeof string !== "string", typeof open !== "string", typeof close !== "string") { 
     throw new TypeError("Arguments must be strings."); 
    } 

    if ((string.match(/\^/g) || []).length % 2 !== 0) { 
     throw new Error("We have unmatched '^'s."); 
    } 

    string = string.replace(/\^{2}/g, ""); 
    var index = string.indexOf("^"), 
     result = "", 
     state = true; 

    while (index !== -1) { 
     result += string.substring(0, index); 
     if (state) { 
      result += open; 
     } else { 
      result += close; 
     } 

     string = string.substring(index + 1); 
     index = string.indexOf("^"); 
     state = !state; 
    } 

    return result + string; 
} 

var text = "Please select ^Continue^ to proceed with your call or ^Exit^ to call"; 

console.log(wrapMarked(text, "<font color='red'>", "</font>")); 

在jsfiddle