title: How can I replace char ↵ by a line-break in a text-binding?
body: <p>I have a <code>&lt;span data-bind="text: description"&gt;&lt;/span&gt;</code> which is supposed to output</p>
  
  <p>Store: Tailor Shop (1)<br>
  Send complete welcome package<br>
  Datasheet was completed at 01.01.2000  </p>
  
  <p>Instead the output looks like this (no line-breaks):</p>
  
  <p>&nbsp;Store: Tailor Shop (1) &nbsp;Send complete welcome package &nbsp;Datasheet was completed at 01.01.2000  </p>
  
  <p>This is the data I get:</p>
  
  <pre><code>description: "
  ↵Store: Tailor Shop (1)
  ↵Send complete welcome package
  ↵Datasheet was completed at 01.01.2000"
  </code></pre>
  
  <p>How can I convert that char <code>↵</code> to a line-break using JS and CSS?</p>
  
  <p>Following some answers I found here, I tried</p>
  
  <pre><code>description.replace("↵","\A")
  </code></pre>
  
  <p>and applying </p>
  
  <pre><code>white-space: pre-wrap;
  </code></pre>
  
  <p>To no avail.</p>