エリクサー/フェニックスの列挙型からパスを置換するためのタプル

Question

私はFlokiでいくつかのHTMLを解析しています。

{"html", [{"lang", "en"}], 
[{"head", [], 
    [{"title", [], ["My App"]}, 
    {"link", [{"rel", "stylesheet"}, {"href", "/css/app.css"}], []}]}, 
    {"body", [], 
    [{"main", [{"id", "main_container"}, {"role", "main"}], []}, 
    {"script", [{"src", "/js/app.js"}], [""]}, 
    {"iframe", 
    [{"src", "/phoenix/live_reload/frame"}, {"style", "display: none;"}], 
    []}]}]} 

それはすべての要素を列挙し、hrefまたはsrcを持っているもののためにそれらへの完全なパスを追加することが可能である：そして、次のタプルを受け取りますか？たとえば、この場合は次のように置き換えます。http://localhost/css/app.cssとhttp://localhost/js/app.js

Answer 1

ここでは、再帰関数を使用する方法の1つです。

defmodule HTML do 

    def use_full_path({el, attrs, children}) do 
    {el, update_attrs(attrs), Enum.map(children, &use_full_path/1)} 
    end 

    def use_full_path(string) do 
    string 
    end 


    defp update_attrs(attrs) do 
    Enum.map(attrs, fn {key, val} -> 
     if key in ["href", "src"] do 
     {key, "http://localhost" <> val} 
     else 
     {key, val} 
     end 
    end) 
    end 
end 

tree = {"html", [{"lang", "en"}], 
[{"head", [], 
    [{"title", [], ["My App"]}, 
    {"link", [{"rel", "stylesheet"}, {"href", "/css/app.css"}], []}]}, 
    {"body", [], 
    [{"main", [{"id", "main_container"}, {"role", "main"}], []}, 
    {"script", [{"src", "/js/app.js"}], [""]}, 
    {"iframe", 
    [{"src", "/phoenix/live_reload/frame"}, {"style", "display: none;"}], 
    []}]}]} 

HTML.use_full_path(tree) |> IO.inspect