如何在 Django 模板中输出 "{{"


Posted in Python onJanuary 24, 2020

起步

随着 javascript 的壮大,前端也要使用自己的模板引擎了。若变量使用 {{ 包裹的形式,而 {{ 又会被 Django 模板引擎解析。导致 {{ 无法输出到前端,这个时候应该怎么处理?大概有三种方式解决。

方法一:使用 templatetag 标签

这个官方给出的解决方案,标签也是内置的:

{% templatetag openvariable %} variable {% templatetag closevariable %}

输出到前端为: {{ variable }} 它能在渲染后的内容前后加上标签。比如:

{% templatetag openvariable %} variable || {{ count }} {% templatetag closevariable %}

渲染为: {{ variable || 90 }} ,可以看到 templatetag 标签的内容会被解析,然后再将得到的解析结果包裹 {{ ,因此这个方法的自由度很高。

方法二:使用 verbatim 临时关闭模板引擎

标签 verbatim 也是内置标签,它的作用是原样输出模板内容:

{% verbatim %}{{ variable }}{% endverbatim %}

渲染结果为: {{ variable }} 。

方法三:使用自定义标签

创建标签函数:

@register.simple_tag()
def double_brace(text):
  return "{{ %s }}" % text

模板中使用:

{% double_brace "variable" %}

渲染结果: {{ variable }} 。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python将图片文件转换成base64编码的方法
Mar 14 Python
在Python中测试访问同一数据的竞争条件的方法
Apr 23 Python
Python实现OpenCV的安装与使用示例
Mar 30 Python
TensorFlow入门使用 tf.train.Saver()保存模型
Apr 24 Python
Python + selenium自动化环境搭建的完整步骤
May 19 Python
python爬虫之urllib库常用方法用法总结大全
Nov 14 Python
python tkinter canvas 显示图片的示例
Jun 13 Python
Spring实战之使用util:命名空间简化配置操作示例
Dec 09 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
Jan 03 Python
keras自定义损失函数并且模型加载的写法介绍
Jun 15 Python
Pytest中skip和skipif的具体使用方法
Jun 30 Python
Python+Pillow+Pytesseract实现验证码识别
May 11 Python
在keras中获取某一层上的feature map实例
Jan 24 #Python
keras获得model中某一层的某一个Tensor的输出维度教程
Jan 24 #Python
使用Tensorflow实现可视化中间层和卷积层
Jan 24 #Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
Jan 24 #Python
keras获得某一层或者某层权重的输出实例
Jan 24 #Python
浅谈keras的深度模型训练过程及结果记录方式
Jan 24 #Python
关于Keras模型可视化教程及关键问题的解决
Jan 24 #Python
You might like
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
程序员编程十条戒律
2009/07/09 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
namespace.js Javascript的命名空间库
2011/10/11 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
简单谈谈JS中的正则表达式
2017/09/11 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
python实现扫雷小游戏
2020/04/24 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
综合办公室主任职责
2013/12/16 职场文书
大学毕业自我鉴定范文
2014/02/03 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python