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

最新推荐文章于 2024-08-07 16:19:10 发布

cheyunmei

最新推荐文章于 2024-08-07 16:19:10 发布

阅读量1.3k

点赞数

分类专栏： Handlebars 文章标签： html string 标签

本文链接：https://blog.csdn.net/cheyunmei/article/details/78127847

版权

Handlebars 专栏收录该内容

8 篇文章

订阅专栏

@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>

这里写图片描述