Handlebars学习之——HTML转义
来源:互联网 发布:雅克比矩阵满秩 编辑:程序博客网 时间:2024/05/19 17:26
场景
使用{{expression}}
时,输出的内容会被转义,如:
<div>{{title}}</div>
context为
{ title: '<p>Hello world</p>'}
结果生成html:
<div><Hello world></div>
最终在页面上显示的就是字符串<p>Hello world</p>
如果不想进行html的转义,有两种方法:
- {{{
- SafeString
{{{
在模板中将两个花括号替换成三个花括号,即可避免html字符串被转义
<div>{{title}}</div><div>{{{body}}}</div>
传入的context为
{ title: '<p>Hello world</p>', body: '<p>Hello world</p>'}
生成的结果:
<div><Hello world></div><div><p>Hello world</p></div>
页面上显示的就是
<p>Hello world</p>Hello world
SafeString
Handlebars提供一个SafeString方法,使用这个方法返回的值即便在{{expression}}中也不会被转义
Handlebars模板:
{{sayhi}}
JavaScript:
Handlebars.registerHelper('sayhi', function(){ var str = '<p>Hello world</p>'; return new Handlebars.SafeString(str);});
参考
- Handlebars.js: Minimal Templating on Steroids
0 0
- Handlebars学习之——HTML转义
- Handlebars学习之——表达式
- Handlebars学习之——块表达式
- HTML——转义字符
- handlebars解决HTML escaping Html转义(解决那些标签需要作为html标签,哪些作为普通字符串处理)
- handlebars----html编码
- HTML —— 多种空格转义字符
- Handlebars 学习总结
- Handlebars+requireJS学习
- Handlebars 学习笔记
- handlebars学习总结
- js模版引擎handlebars.js实用教程——为什么选择Handlebars.js
- 常用对照表之HTML转义字符
- Mysql-自定义函数之html代码转义
- Swift学习之转义字符
- taobao API——html转义字符问题
- html转义
- HTML转义
- 众觅,让支付宝『到位』全国到位
- shell sed中引用shell变量及空格表示方法
- first-class function
- POJ 1681 Painter's Problem 高斯消元 枚举自由变量
- $.Event 用法
- Handlebars学习之——HTML转义
- iOS网络检测Reachability使用
- JS中对象定义的几种方式
- TextView selector
- vue中用动态组件实现选项卡切换效果
- ZooKeeper学习笔记-1---ZooKeeper简介
- 初探STM32掉电复位PDR
- 在shell脚本中进行MAC地址的加减
- iOS 性能调优, 成为一名合格 iOS 程序员必须掌握的技能