transform '# ff00fffirstword # 445533secondword # 008877thirdword' sang định dạng thẻ html

Question

Tôi có thể chuyển đổi chuỗi #ff00fffirstword#445533secondword#008877thirdword để

<font color='#ff00ff'>firstword</font><font color='#445533'>secondword</font><font color='#008877'>thirdword</font> 

Sử dụng regexp trong javascript hoặc ActionScript3 chương trình?

Tôi đã thử đoạn code dưới đây, nhưng nó không hoàn hảo (mã ActionScript3):

var pat:RegExp = /(#\w{6})([^#]+)/g; 
var html:String = t.replace(pat, "<font color=\'$1\'>$2</font>"); 
trace(html); // output :<font color='#ff00ff'>firstword</font><font color='#445533'>secondword</font><font color='#008877'>thirdword</font> 

Nếu có thêm một # trong chuỗi đó, sản lượng sẽ không được như tôi muốn nó được. Tôi không biết làm thế nào để viết một regexp mạnh mẽ hơn để đạt được điều này.

Answer 1

Hãy thử sử dụng một or (|) điều hành và một lookahead cho cuối dòng:

var pat:RegExp = /(#[0-9a-f]{6})([^#]+?)(?=#|$)/gi; 
var html:String = t.replace(pat, "<font color=\'$1\'>$2</font>"); 
trace(html); 

Tôi cũng sẽ sử dụng cá nhân [0-9a-f] thay vì \w đây chỉ trong trường hợp. Các lookahead (?=#|$) đảm bảo rằng đó là kết thúc của dòng hoặc băm khác. Tôi cũng đã chèn cờ i chỉ trong trường hợp.

Vì bạn cũng có băm đi lạc, bạn có thể sử dụng một:

var pat:RegExp = /(#[0-9a-f]{6})(.+?)(?=#[0-9a-f]{6}|$)/gi; 
var html:String = t.replace(pat, "<font color=\'$1\'>$2</font>"); 
trace(html); 

Xem ra here.

Và debuggex:

Answer 2

Mô tả

Bạn có thể sử dụng regex này

Regex: ([#][0-9a-f]{6})(.*?)(?=[#]|$) Replace with <font color='\1'>\2</font>

Javascript Mã số Ví dụ:

<script type="text/javascript"> 
    var re = /([#][0-9a-f]{6})(.*?)(?=[#]|$)/; 
    var sourcestring = "#ff00fffirstword#445533secondword#008877thirdword"; 
    var replacementpattern = "<font color='\1'>\2</font>"; 
    var result = sourcestring.replace(re, replacementpattern); 
    alert("result = " + result); 
</script> 

$sourcestring after replacement: 
<font color='#ff00ff'>firstword</font><font color='#445533'>secondword</font><font color='#008877'>thirdword</font>