分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

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

发布时间:2023-09-06 01:49责任编辑:白小东关键词:暂无标签
方案一:使用 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方式输出

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved