亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Phoenix (Elixir) 渲染中使用變量注入 HTML/操作 DOM

如何在 Phoenix (Elixir) 渲染中使用變量注入 HTML/操作 DOM

藍山帝景 2023-03-24 15:31:39
如果我有一些 svg 通過分配給視圖,比如一個svg變量,我可以渲染到視圖中:<%= @svg %>但是,在 DOM 中,我可以檢查頁面并智能地看到 phoenix 默認不呈現 SVG,因為它是字符串表示形式。但是,我無法弄清楚如何覆蓋該默認值,以便我可以正確地注入 dom/渲染 SVG 而不僅僅是在頁面中顯示字符串,而是實際渲染圖像。我該怎么做?我是否必須在事后使用 javascript 進行渲染——這也可以,但只在服務器端渲染就更好了。非常感謝!
查看完整描述

1 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

為了不對內容進行轉義,您可以使用該Phoenix.HTML.raw/1功能。

這是 SVG QRCode 生成的示例:

<section>

  <p style="text-align:center">

    <%=

      Routes.some_path(MyApp.Endpoint, :index, @some_id)

      |> QRCode.create!(:high)

      |> QRCode.Svg.create()

      |> raw()

    %>

  </p>

</section>

生成內聯 SVG。請注意,該raw/1函數會自動導入到模板中。


查看完整回答
反對 回復 2023-03-24
  • 1 回答
  • 0 關注
  • 112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號