让产品价格小数点样式可控制

现在有不少店家喜欢购买自定义模板了，各种设计稿都有。有的设计稿还想让价格的小数点跟其他数字不一样，这个不加tag用纯css还真做不到。没办法只好把价格都格式化为有标签的html代码。

如图所示。

string GetPriceHtml(string price)
{
    if (string.IsNullOrEmpty(price))
    {
        return string.Empty;
    }

    var numberFormat = Thread.CurrentThread.CurrentUICulture.NumberFormat;
    var decimalSeparator =  numberFormat.CurrencyDecimalSeparator;
    var groupSeparator =  numberFormat.CurrencyGroupSeparator;
    
    if (price.Contains(decimalSeparator))
    {
        var numberRegex = new Regex(string.Format(@"[\{0}\d]+\{1}", groupSeparator, decimalSeparator));
        price = numberRegex.Replace(price, delegate(Match match)
        {
            return string.Format(@"<span class=""number"">{0}</span>{1}", match.Value.Substring(0, match.Value.Length - 1), decimalSeparator);
        });
    
        var decimalRegex = new Regex(string.Format(@"\{0}\d+$", decimalSeparator));
        price = decimalRegex.Replace(price, delegate(Match match)
        {
            return string.Format(@"<span class=""decimal-separator"">{0}</span><span class=""decimal"">{1}</span>", decimalSeparator, match.Value.Substring(1));
        });
    }else
    {
        var numberRegex = new Regex(string.Format(@"[\{0}\d]+", groupSeparator));
        price = numberRegex.Replace(price, delegate(Match match)
        {
            return string.Format(@"<span class=""number"">{0}</span>", match.Value);
        });
    }
    
    var symbol = numberFormat.CurrencySymbol;
    price = price.Replace(symbol, string.Format(@"<span class=""symbol"">{0}</span>", symbol));

    return price;
}

测试代码：

void Main()
{
    Thread.CurrentThread.CurrentUICulture = new CultureInfo("nl-NL");
    Console.WriteLine(GetPriceHtml("€ 2.300,20"));
}

结果：

<span class="symbol">€</span> <span class="number">2.300</span><span class="decimal-separator">,</span><span class="decimal">20</span>