您的位置:首页 > Web前端 > HTML

handlebars解决HTML escaping Html转义(解决那些标签需要作为html标签,哪些作为普通字符串处理)

2017-09-28 20:33 351 查看
@RequestMapping("testDemo06.do")
public EscapeHtml testDemo06(){
String show_html = "<b>我需要被加粗!</b>" ;
String escape_html = "<b>我不需要加粗!</b>" ;
EscapeHtml escapeHtml = new EscapeHtml(show_html, escape_html);
return escapeHtml;
}


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="demo"></div>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/handlebars-4.0.10.min.js"></script>

<!-- 定义handlebars模板 -->
<!--
注意这里的 {{}}   和   {{{}}} 的用法
-->
<script type="text/x-handlebars-template" id="demo_ht">
<div>{{{show_html}}}</div>
<div>{{escape_html}}</div>
</script>

<script type="text/javascript">
$(function(){
$.ajax({
type:"post",
url:"test/testDemo06.do",
dataType:"json",
success:function(data){
//编译模板
var demo_ht = Handlebars.compile($("#demo_ht").html());

//定义一个helper 实现在index基础上从1开始
Handlebars.registerHelper("myCount" , function(index){
return index + 1 ;
});

//模板渲染数据
var _html = demo_ht(data);
//dom操作
$("#demo").html(_html);
},
error:function(){
alert("请求发生异常!");
}
});
});
</script>
</body>
</html>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html string 标签
相关文章推荐