Can't find the words to search for the answer to this. How do you put content with newlines in a div, and convert newlines to <br/>. Or is there a better solution for displaying multi-line user entered content?

@stvnmllr2 [:pre] preserves whitespace

@naomarik True, but doesn't wrap.

Maybe this is also helpful?

https://stackoverflow.com/questions/8627902/new-line-in-text-area

Bet you could get a pre to wrap with css, though

white-space: pre-wrap

(it is css rule)

Thanks. That does seem to work. Pre with css. Now.. looking at the markdown cljs to see how to handle other types of user entered content.

Went back to the markdown example, and they use :dangerouslySetInnerHTML of react. So I guess that is an alternative if to create html content and put it in your hiccup:

[:div {:dangerouslySetInnerHTML
             {:__html (md->html help)}}]

Yes, or convert newlines to hiccup

(into [:div] (interpose [:br] (str/split "\n" string-with-newlines)))