_text-zip.cshtml

@using Connect.Razor.Blade;
<div>
    return to <a href="@Link.To()">overview</a>
</div>
<h1 class="sc-element">
  Razor Blade Text.Zip
  @Edit.Toolbar(Content)
</h1>
<div>
    These demos show how to Zip (clean/compress) text properly, because Razor Blade handles a lot of issues you'll usually have cleaning up text. 
</div>

@{
  var samples = new string[] {
    "This        contains multi-spaces and \t\t\t tabs",
    "This has \n  \n line-breaks"
  };
}

<h2>Example Text</h2>
Original which visually has unnecessary/problem characters:

<ul>
  @foreach(var s in samples) {
    <li>Raw: '@Html.Raw(ShowHiddenStuff(s))'</li>
  }
</ul>

<h2>Correct and incorrect Character Counts</h2>

<table border="1">
    <tr>
        <th>Html output hiding problems</th>
        <th>Whitespace output showing problems</th>
        <th>Value.Length</th>
        <th>Output using Text.Zip(...)</th>
        <th>Text.Zip(...).Length</th>
    </tr>
    @foreach(var s in samples) {
      <tr>
        <td>@s </td>
        <td style="white-space: pre-wrap;">@s</td>
        <td>@s.Length </td>
        <td style="white-space: pre-wrap;">@Text.Zip(s)</td>
        <td>@Text.Zip(s).Length</td>
      </tr>
    }
</table>

@functions{
  private string ShowHiddenStuff(string original) {
    return original
      .Replace("\n", "\\n")
      .Replace(" ", "&nbsp;")
      .Replace("\t", "-&gt;");
  }
}