REGEX to format decimals using superscript in MVC4 Razor / Javascript

Question

I am trying to format currency decimals using superscript, e.g. $1.⁰⁸ instead of $1.08. Currently, my model currency variable (assume 1.08 value) shows as $1.08 using a model template and MVC4 Razor / Javascript:

[Range(0, 10000)]
[DataType(DataType.Currency)]
[DisplayFormat(DataFormatString = "{0:C}")]
public decimal Price { get; set; }

@{
    @Html.Display(model => model.Price)
}

Instead, I tried to extract and format decimals using REGEX, but it still displays as $1.08 (P.S. currency localization not important at this time):

@{
    var numRaw = Model.Price;
    var numSty = numRaw.ToString.Replace("(?<=\\.)([^.]*$)", "<sup>$1</sup>");
    @Html.Raw(numSty);
}

Note the double backslash \\. escape. The search expression seems to work correctly.

Am I doing something wrong in the "<sup>$1</sup>" replace string?

Answer 1

Per @AndrewB and @SimonMcKenzie, Regex.Replace() must be used for Razor to work. The following code displays $1.⁰⁸ as expected:

@using System.Text.RegularExpressions

@Html.Raw("$"+Regex.Replace(Math.Round(Model.Price,2).ToString(), "(?<=\\.)([^.]*$)", "<sup>$1</sup>"));