码迷,mamicode.com
首页 > Web开发 > 详细

ajax获取后台数据渲染(整片文章不分段落)解决方案,要使用htmL方式输出

时间:2018-04-17 11:31:53      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:获取   rom   class   文章   输出   默认   href   font   段落   

方案一:使用 HTML pre tag<div class="content">
<pre>
{{ text_data }}
</pre>
</div>

缺点是默认为等宽字体
解决方案:

/* pre标签会原样保留HTML内容的格式,可是如果宽度过大会把页面撑坏 */
/* 让pre标签自动换行 */
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}



方案二:使用 linebreaks filter
<div class="content">
{{ text_data|linebreaks }}
</div>
<!-- 或 -->
<div class="content">
{{ text_data|linebreaksbr }}
</div>

ajax获取后台数据渲染(整片文章不分段落)解决方案,要使用htmL方式输出

标签:获取   rom   class   文章   输出   默认   href   font   段落   

原文地址:https://www.cnblogs.com/520BigBear/p/8862013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!