django之html模板轉義

環境同上篇django文章。


啓動django的web服務:

]# cd py3/django-test1/test4
]# python manage.py runserver 192.168.255.70:8000

在html模板中,如果要顯示的內容包含html標籤:


編輯視圖:

]# vim bookshop/views.py
from django.shortcuts import render
from .models import *
...
def htmlTest(request):
    context = {'key1':'<h1>html 轉義</h1>'}
    return render(request, 'bookshop/htmlTest.html',context)

添加html模板:

]# vim templates/bookshop/htmlTest.html
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
{{ key1 }}
</body>
</html>

添加應用url路由:

]# vim bookshop/urls.py
from django.conf.urls import url
from .  import views

urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^(\d+)$', views.show, name='show'),
    url(r'^(\d+)/(\d+)$', views.show, name='show'),
    url(r'^index2$', views.index2, name='index2'),
    url(r'^user1', views.user1, name='user1'),
    url(r'^user2', views.user2, name='user2'),
    url(r'^htmlTest',views.htmlTest),
]

訪問瀏覽器:http://192.168.255.70:8000/htmlTest

顯示:

QQ截圖20181214233111.png

此方式是通過傳遞變量在html模板中顯示,變量key1的值爲<h1>html 轉義</h1>,在傳遞過程中沒有被轉義爲標籤,而是原封不動的顯示了。


下面是轉義時是方法:

修改html模板:使用|safe過濾器爲html轉義

]# vim templates/bookshop/htmlTest.html
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
{{ key1}}
<hr>
{{ key1|safe}}
</body>
</html>

瀏覽器訪問:http://192.168.255.70:8000/htmlTest

顯示:

QQ截圖20181214233622.png


還可以使用{%autoescape%}標籤爲代碼塊的轉義,字面值|default進行轉義,還有通過手動轉義等多種方法:

修改html模板:

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
{{ key1}}
<hr>
{{ key1|safe}}
<hr>
{% autoescape off %}
{{ key1 }}
{% endautoescape %}
<hr>
字面值
{{t2|default:'<h1>django-html轉義</h1>'}}
<br>
手動轉義:{{t2|default:'&lt;h1&gt;轉義&lt;/h1&gt;'}}
</body>
</html>

瀏覽器訪問:http://192.168.255.70:8000/htmlTest

顯示:

QQ截圖20181214234412.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章