根據邏輯和需求選擇適合自己的方法
1.可以考慮使用pre標簽
2.可以使用正則表達式，例如我想在有。和！的地方進行換行，例如：
<script type="text/javascript"> var description = '<p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">1.</span></b><b><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">國際保險經紀行業收入分析<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">2010</span><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">年全球保險經紀行業市場規模為<span lang="EN-US">437.56</span>億美元，<span lang="EN-US">2015</span>年增長至<span lang="EN-US">581.3</span>億美元。<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">2010-2015</span><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">年國際保險經紀行業市場規模：億美元</span></p> <p style="margin: 19.5pt 0cm; text-indent: 24.1pt; text-align: center;"> <img alt="" src="/baoxian/userfiles/1/images/back/news/2018/01/11.png" style="width: 493px; height: 296px;" /></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">2.</span></b><b><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">國際保險經紀行業並購分析<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">保險經紀公司並購較為頻繁，<span lang="EN-US">2011</span>年並購數量為<span lang="EN-US">351</span>件，且呈現增長趨勢。一股保險行業的並購風潮正席卷全球各個市場。如意大利投資集團<span lang="EN-US">Exor</span>收購再保險公司<span lang="EN-US">PartnerRe</span>、韜睿惠悅與韋萊集團、韋萊與法國保險經紀公司<span lang="EN-US">GrasSavoye</span>、瑞士保險集團<span lang="EN-US">ACE</span>並購<span lang="EN-US">Chubb</span>以及美國保險公司<span lang="EN-US">Anthem</span>收購<span lang="EN-US">Cigna</span>。而這些不過是近年來保險業並購案清單的一小部分。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">然而，在熱鬧喧囂的並購消息背后卻是嚴酷的現實。波士頓咨詢（<span lang="EN-US">BCG</span>）對<span lang="EN-US">1990</span>～<span lang="EN-US">2014</span>年間<span lang="EN-US">778</span>件涉及保險業的並購案進行了分析，對並購后一年內的股東總回報進行了追蹤，最終發現只有<span lang="EN-US">51%</span>的並購能實際創造價值，而<span lang="EN-US">49%</span>的並購案則摧毀了公司的價值。近半數並購案失敗可歸咎為三大原因：並購准備和執行、並購后整合以及並購時機。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">3.</span></b><b><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">保險業持續大整合<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">未來<span lang="EN-US">5</span>年，多個宏觀層面的因素將繼續推動保險業進行整合。首先是監管繼續收緊，尤其是對資本充足率的要求將繼續提升，無論是獨立保險商還是綜合集團都將感到更大的資金壓力。利率和投資回報將繼續保持較低水平（至少在成熟市場），使傳統的壽險業務盈利能力受到限制。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">此外，新興競爭對手的威脅也不可小覷，甚至大型連鎖超市和電信公司都有可能顛覆保險行業的價值鏈。這些企業不但擁有價值連城的消費者數據，而且擁有與客戶之間的“最后一公里”連接。在新的運營模式下，傳統保險企業難以掌控整條價值鏈，且容易成為新型商業模式的顛覆目標，例如一些網絡聚合搜索產品能夠為消費者提供價格透明的產品對比。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">資金充裕的大型保險公司可以利用投資抵御創新帶來的威脅，而那些只聚焦於內部運營，對外部變化視而不見的中型企業將面臨更激烈的競爭。對於保險公司來說，了解消費者的行為和需求是至關重要的能力，然而建設必需的大數據技術、文化和團隊帶來的成本巨大，讓規模較小的保險公司難以承受。對於保險企業來說，有機成長的機會非常有限。成熟市場已經進入到整合周期內，盡管新興市場存在着發展機遇，但市場環境非常復雜。要在新市場形成規模效應，並購顯然仍是各大保險企業的明智之選。<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">世界排名前十保險經紀公司國際業務占比<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <img alt="" src="/baoxian/userfiles/1/images/back/news/2018/01/12.png" style="width: 554px; height: 289px;" /></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">4.</span></b><b><span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">國際保險經紀行業利潤水平<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋體;mso-bidi-font-family:宋體;color:#252525">目前，<span lang="EN-US">2015</span>年全球保險經紀行業收入達<span lang="EN-US">581.3</span>億美元，國際保險經紀行業利潤水平維持在<span lang="EN-US">10~25%</span>之間。<span lang="EN-US"><o:p></o:p></span></span></p>'; description = description.replace(/(\n)/g, ""); description = description.replace(/(\t)/g, ""); description = description.replace(/(\r)/g, ""); description = description.replace(/<\/?[^>]*>/g, ""); description = description.replace(/\s*/g, ""); console.log(description) </script>
test.replace(/<[^>]+>|&[^>]+;/g, "")
3.使用textarea標簽 例如<textarea v-model="item.content">{{item.content}}</textarea>
4.使用js插件，這個我未進行嘗試，放上復制大神的代碼
//進入頁面直接加載，el表達 $(function() { viewContent(); }); function viewContent(){ var $iframe =$('<iframe src="about:blank" frameborder=0 />'); $iframe.ready(function() { var doc = $iframe[0].contentDocument; var id="_frame_t"; $iframe.attr('width', '100%'); $iframe.attr('id', id); doc.write('' + '<!DOCTYPEhtml><html><head><meta charset="utf-8"/>' + '<basehref="<%=ViewUtil.getRequestPath(request) %>">' + '<div>${content}</div>' ); doc.close(); }); // 利用appendTo方法直接將他拼接到指定的div后面 $iframe.appendTo($("#someContent")); }
5.如果是使用vue的話，可以使用v-html指令即可輕松完成（推薦使用）
接口數據：
代碼使用：
<span style="font-size:14px;color: #686868;" v-html="item.msg"></span>