Rendering EEx from a string

Hi, there,

I’ve taken on the enviable task of porting my shoddy Rails blog to Phoenix and it’s posed some interesting challenges. I have posts written in Textile and I need to replace some syntax to convert to Markdown before converting to HTML and now I’m on my custom Pages which where written in HAML. Ok I can convert from HAML to EEx which is fine and rewrite link_to to link, etc. But now I need to evaluate that template as a string.

Can anyone point me in the right direction, I appreciate I need the @conn to give whichever function I am after to render with the right context but render seems to always want a compiled template.

Any help is very much appreciated :slight_smile:

RobL

1 Like

Can you elaborate on this? Where are the templates stored that they cannot be compiled?

1 Like

Keep in mind that all a controller does is to call render/2 on the view. And you can define that manually:

defmodule MyView do
  def render(template, assigns) do
    ...
  end
end

So you could do:

defmodule MyView do
  def render(template, assigns) do
    EEx.eval_file(template, assigns)
  end
end

But of course be careful so you don’t allow someone to evaluate any file on your system. As Ben said, compiling templates is going to be the safest and most efficient.

1 Like

Thanks for the reply both :slight_smile: I wasn’t very clear, my apologies. What I meant was instead of a file template I have a string. Read directly from the DB it had something like.

%section
    %h1= link_to "SOMETHING", "http://whatever.org"

I’ve then converted it into something like

"<section><h1><%= link \"SOMETHING\", \"http://whatever.org\" %></h1></section>"

So now I have to eval this string so I could do something like this I think.

EEx.eval_string("<%= link \"BLAH\", \"BLAH\" %>")

I realise now this is sounding ridiculous because I could just replace link_to with

<a href="BLAH">BLAH</a>

And forget about using the link function, but templates must be rendered in such a way that they have access to those View functions so I guess I’m just trying to understand how this all fits together.

Cheers guys

RobL

1 Like

I have a project where I might be doing what you’re asking: rendering HTML from fragments of eex stored in JSON files.

Here is the code we’re using:

alias Phoenix.LiveView.Engine, as: LiveViewEngine
alias Phoenix.LiveView.HTMLEngine

def render_markup(markup) do
  quoted_code = EEx.compile_string(markup, engine: HTMLEngine)
  
  {evaluated, _} =
    Code.eval_quoted(quoted_code, [assigns: []],
      aliases: component_aliases(),
      requires: [Kernel],
      functions: [
        {Phoenix.LiveView.Helpers, [live_component: 1, live_file_input: 2]}
      ]
    )
  
  LiveViewEngine.live_to_iodata(evaluated)
end

let me know if it’s helpful!

2 Likes

Just curious, what’s an example markup that you would pass into the function?

1 Like

Something like this:

<.button color={:primary} outline={true} text="Save" type="button"/>

We use it for our liveview storybook: https://storybook.phenixgroupe.com

3 Likes