title: How can I format a block of text that includes line breaks using HAML?
body: <p>Let's say I have a block of text that looks like this:</p>
  
  <pre><code>First line\nSecond line\nThird line
  </code></pre>
  
  <p>I want to take this text and display it (using a jQuery template) in HAML like this:</p>
  
  <pre><code>%li ${TEXT}
  </code></pre>
  
  <p>Unfortunately, I haven't found any good way to have those line breaks actually display <em>as</em> line breaks. When displayed as-is, they end up being formatted (on the actual web page) like this:</p>
  
  <pre><code>First line Second line Third line
  </code></pre>
  
  <p>When doing your standard <code>replace(/\n/g, "&lt;br /&gt;")</code> in JavaScript, the formatted result (post-HAML) becomes:</p>
  
  <pre><code>First line&lt;br /&gt;Second line&lt;br /&gt;Third line
  </code></pre>
  
  <p>In other words, the literal string <code>&lt;br /&gt;</code> actually displays <em>to the user</em>.</p>
  
  <p>I'm sure there's a simple solution to this problem; I'm just not finding it quickly.</p>