artTemplate 模板引擎,从后台获取到的数据就是html代码如何渲染到页面

发布于 2022-09-04 23:20:16 字数 203 浏览 22 评论 0

artTemplate 模板引擎,从后台获取到的数据就是html代码,渲染到页面还是标签,如何解决

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

故乡的云 2022-09-11 23:20:16

正好最近也在用 artTemplate 也遇到了这个问题。

使用 {{@html}} 进行原文输出

有风险、慎用。

clipboard.png

官方教程:https://aui.github.io/art-tem...原文输出 

请别遗忘我 2022-09-11 23:20:16

你可以用jQuery来替换标签

<script>
    var data="<font color='red'>测试数据</font>";//带有html标签的测试数据
    $('#div1').html(data);//通过html()方法将数据输出到div中
</script>

你试一下吧!哥们,但是别忘了引进jQuery了
当然,原生的js也是可以的

廻憶裏菂餘溫 2022-09-11 23:20:16

很简单,你新建一个DOM节点<div id="content"></div>,然后var一个变量等于这段代码,把这个变量赋给这个DOM节点就可以了,用jQuery的方法楼上已经说了,原生的方法就是
<script>

var str = "那段代码";
document.getElementById("content").innerHTML(str);

</script>

十秒萌定你 2022-09-11 23:20:16

// [3]. 使用模版生成 HTML,默认对输出进行转义,不转义使用 {{#value}}

攀登最高峰 2022-09-11 23:20:16

我使用的是template-web.js,也遇到了题主这样的问题,查了好多资料无果,看了一些回答都不能帮助我解决问题,后来查看官方文档(官网也坑),遂试了试用‘@$’两个字符一起,结果成功了,如下面的,一个是‘$value.periods’是文本渲染,‘@$value.dom’是dom元素渲染。

{{each render}}
<ul class="reword_list">
    <li class="reword_first">{{$value.periods}}</li>
    <li class="reword_second clearnfix">{{@$value.dom}}</li>
    <li class="reword_third"><input type="button" value="查询"></li>
</ul>
{{/each}}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文