Inserting generated HTML into heex liveview | Elixir Language | Page 1

fresh yew Nov 10, 2022, 10:21 PM

#

I'm using earmark to generate HTML from some markdown, but the generated html is showing up as text rather than html elements on the page. This is an a .heex for liveview

markdown = "# Hello\nWorld"

<div>
  <%= Earmark.as_html!(markdown) %>
</div>

becomes attached image

Is there a way I can tell it to treat it as HTML rather than a value? Thanks in advance! Done some googling but haven't had any luck when it comes to doing this with liveview 😦

analog forge Nov 10, 2022, 10:23 PM

#

yep, to treat as raw value you use the raw function:

<%= raw(Earmark.as_html!(markdown)) %>

#

https://hexdocs.pm/phoenix_html/Phoenix.HTML.html#module-html-safe

fresh yew Nov 10, 2022, 10:24 PM

#

im an idiot and ur a genius, sorry for not googling hard enough!!!! thank you!!!!!!!!!!!!!!

analog forge Nov 10, 2022, 10:24 PM

#

lol, no worries!

#Inserting generated HTML into heex liveview