环境同上篇django文章。


启动django的web服务：

]#cdpy3/django-test1/test4]#pythonmanage.pyrunserver192.168.255.70:8000

在html模板中，如果要显示的内容包含html标签：


编辑视图：

]#vimbookshop/views.pyfromdjango.shortcutsimportrenderfrom.modelsimport*...defhtmlTest(request):context={'key1':'<h2>html转义</h2>'}returnrender(request,'bookshop/htmlTest.html',context)

添加html模板：

]#vimtemplates/bookshop/htmlTest.html<!DOCTYPEhtml><html><head><title>Title</title></head><body>{{key1}}</body></html>

添加应用url路由：

]#vimbookshop/urls.pyfromdjango.conf.urlsimporturlfrom.importviewsurlpatterns=[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

显示：

此方式是通过传递变量在html模板中显示，变量key1的值为<h2>html 转义</h2>，在传递过程中没有被转义为标签，而是原封不动的显示了。


下面是转义时是方法：

修改html模板：使用|safe过滤器为html转义

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

浏览器访问：http://192.168.255.70:8000/htmlTest

显示：


还可以使用{%autoescape%}标签为代码块的转义，字面值|default进行转义，还有通过手动转义等多种方法：

修改html模板：

<!DOCTYPEhtml><html><head><title>Title</title></head><body>{{key1}}<hr>{{key1|safe}}<hr>{%autoescapeoff%}{{key1}}{%endautoescape%}<hr>字面值{{t2|default:'<h2>django-html转义</h2>'}}<br>手动转义:{{t2|default:'&lt;h2&gt;转义&lt;/h2&gt;'}}</body></html>

浏览器访问：http://192.168.255.70:8000/htmlTest

显示：