Add line breaks to function, HTML

General
1

image
image1232Ă—236 73.4 KB

Returns
image
(after the msg was passed along into a flow variable)

I want to drop this flow variable onto a HTML page
image

But when I do, my line breaks don't appear:

image
image976Ă—79 7.46 KB

(ignore the fact that the names don't match, I hadn't refreshed when I took the screenshots)

I've tried putting <br> in, but I get the text <br> output instead.

I'd love some guidance on how I can pass these line returns along into my HTML template.

Thanks!

2

hi @mikewoodld

The problem stems from the fact line breaks are ignored in HTML by default.

There are two possible ways to fix it...

  1. modify your HTML template to wrap your content in <pre></pre> tags - by default, those tags will honour the whitespace new lines in your content.
   <b>Players On Ice:</b>
   <pre>{{flow.homeOnIce}}</pre>
  1. Add html to your content (ie <br> as you have tried), but then you must update your template to use {{{-triple-brackets-}}} - otherwise the template engine escapes HTML content:
   <b>Players On Ice:</b>
   {{{flow.homeOnIce}}}
3

Perfect, exactly what I was looking for. Thanks so much!