phpcms v9 sql数据{$r[content]}，前端如何换行显示？

已解决：phpcms sql数据{$r[content]}，前端如何换行显示

---

一、效果图 · 前后对比：

1. [解决前] 问题场景 · 如下图所示：

2. [解决后]效果截图：

---

2. 问题：

问1：

• 首页或栏目页【调用指定文章内容】，如何控制页面不显示样式标签还可以保证换行?

问2：

• phpcms v9 首页读取内容出现
,源代码显示
，如何控制页面不显示样式标签还可以保证换行?

问3：

• 后端php代码需要修改吗？
  因为是栏目list.html页面调用数据库内容，数据库含有html标签，
  【网上有说：把

  改成
？ 答案是：真的不用！】，
  （具体发文示范，截图如下）

• 后台发文章，正常发文示范截图。【其实按照正常操作就行！】
  
  

---

3. 代码设置：

• html代码：

  ==== HTML模板代码 ====
  
  <div class="project-container">
  	<div style="width: 1200px;display: inline-block;">
  		{pc:content  action="lists" catid="3" order="listorder DESC" num="7" moreinfo="1"}
  		
  		{loop $data $r}
  		{if $n==7}
  		<div class="protypes neike" id="catlink_neike">
  			<div class="cnt cnt_01">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==6}
  		<div class="protypes pull-right waike" id="catlink_waike">
  			<div class="cnt cnt_02">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==5}
  		<div class="protypes gushangke" id="catlink_gushangke">
  			<div class="cnt cnt_03">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==4}
  		<div class="protypes pull-right fuke" id="catlink_fuke">
  			<div class="cnt cnt_04">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==3}
  		<div class="protypes erke" id="catlink_erke">
  			<div class="cnt cnt_05">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==2}
  		<div class="protypes pull-right liliao" id="catlink_liliao">
  			<div class="cnt cnt_06">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  		
  		{loop $data $r}
  		{if $n==1}
  		<div class="protypes qita" id="catlink_qita">
  			<div class="cnt cnt_07">
  				<p class="name font_jxzk"><span><a href="{$r[url]}">{$r[title]}a>span>p>
  				<div class="desc ident2" >
  					<div style="height: 140px;overflow: hidden;" id="content_{$n}">div>
  					<input class="input-project inpt_{$n}" type="hidden" id="project_{$n}" value="{str_cut(($r['content']),850,'')}" data-url="{$r[url]}"/>
  					
  				div>
  			div>
  		div>
  		{/if}
  		{/loop}
  	{/pc}
  	div>
  		
  div>
  

• JavaScript 代码

  ==== JavaScript 代码 ==== 
  //重写dom For TAG's br
  var inptproject =  $(".input-project");
  $(".input-project").each(function(){
  	var n = $(inptproject).index(this)+1; //注意此处 eq+1 处理
  	//console.log(n);
  	var valn = $("#project_"+n).val();
  	var urln = $("#project_"+n).attr("data-url");
  	var cnthtml = valn+'…+urln+'">【详情】'
  	$("#content_"+n).html(cnthtml);
  })
  
  

---

其他相关文章：

• phpcms v9输出内容过滤html代码 - 代码篇

---

• https://zhidao.baidu.com/question/1702843066634475340.html