jQuery的 - 解析和轉換markedup文本

Question

使用jQuery我怎麼能本文

The quick]] brown [[fox]] jumps over the lazy [[dogs [[back]] 

轉換成

The quick]] brown <span class="gist">fox</span> jumps over the lazy <span class="gist">dogs [[back</span> 

？

Answer 1

難道不是更好嗎？

str.replace(/\[\[(.*?)\]\]/g, '<span class="gist">$1</span>'); 

Answer 2

只需用javascript：

var string = "The quick brown [[fox]] jumps over the lazy [[dogs back]]" 
string = string.replace(/\[\[/g, '<span class="gist">').replace(/\]\]/g, '</span>'); 

這是使用正則表達式查找[[與<span class="gist">替換它，然後找到]]與</span>更換。因爲[和]都是正則表達式中的特殊字符，所以它們必須用反斜槓（\）轉義，並且我們希望替換爲全局的（例如：替換多個實例），這使得我們可以：/\[\[/g和/\]\]/g。

---

如果您需要處理未閉合的括號，你必須去與不同的東西，像一個狀態機：

var string = "The quick]] brown [[fox]] jumps over the lazy [[dogs [[back]]"; 
var state = 'NO_TAG'; 
var parts = []; 
for(var i = 0; i < string.length; i += 1) { 
    if(string[i] === "[" && string[i+1] === "[" && state === 'NO_TAG') { 
     parts.push('<span class="gist">'); 
     i += 1; 
     state = 'TAG'; 
    } else if (state === 'TAG' && string[i] === "[" && string[i+1] === "[") { 
     i += 1; // ignore start brackets if we are in a tag. 
    } else if (state === 'TAG' && string[i] === "]" && string[i+1] === "]") { 
     parts.push('</span>'); 
     i += 1; 
     state = 'NO_TAG'; 
    } else if (state === 'NO_TAG' && string[i] === ']' && string[i+1] === ']') { 
     i += 1; // ignore end brackets if we are not in a tag. 
    } else { 
     parts.push(string[i]); 
    } 
} 

string = parts.join(''); 

我不能保證這個狀態機將工作在所有情況，但它適用於你的測試字符串。