iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

0
Modern Web

Django案例實作之踩坑全記錄系列 第 34

Django template - javascript變數含safe filter

這邊有一個javascript變數:

var subtitles = {{ json_dual }}

Django本身預設轉義的功能,所以資料在網頁原始碼顯示如下:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725HeqpVqozjb.png
但這樣會讓後續如下列的javascript代碼會抓不到資料:

document.getElementById("sub-en").textContent=subtitle.text_en;

後來加上safe filter,等同於告訴Django這段代碼是安全的不用幫我轉義:

var subtitles = {{ json_dual|safe }}

最後該變數在網頁原始碼顯示如下:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725rzKwcjIieU.png
單引號從https://ithelp.ithome.com.tw/upload/images/20210418/20129725OytIFOPzEx.png進化成https://ithelp.ithome.com.tw/upload/images/20210418/20129725pvwA98rA91.png

另外寫個簡單的函數作處理:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725RwgdNg91Rw.png
最後在網頁上單引號就可以正常顯示了~


上一篇
Django - template filter and tags
系列文
Django案例實作之踩坑全記錄34

尚未有邦友留言

立即登入留言