已解决:phpcms sql数据{$r[content]},前端如何换行显示
一、效果图 · 前后对比:
1. [解决前]
问题场景 · 如下图所示
:
2. [解决后]
效果截图:
2. 问题:
问1:
- 首页或栏目页【调用指定文章内容】,如何控制页面不显示样式标签还可以保证换行?
问2:
- phpcms v9 首页读取内容出现
<br/>
,源代码显示<br />
,如何控制页面不显示样式标签还可以保证换行?
问3:
- 后端php代码需要修改吗?
因为是栏目list.html页面调用数据库内容,数据库含有html标签,
【网上有说:把<p>
改成<br/>
? 答案是:真的不用!】,
(具体发文示范,截图如下)
- 后台发文章,正常发文示范截图。
【其实按照正常操作就行!】
3. 代码设置:
-
html代码:
==== HTML模板代码 ==== <!--tabs2 诊疗项目--> <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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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]}"/> <!--<a class="hover" href="{$r[url]}">…【详情】</a>--> </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+'…<a class="hover" href="'+urln+'">【详情】</a>' $("#content_"+n).html(cnthtml); })
其他相关文章:
- https://zhidao.baidu.com/question/1702843066634475340.html