富文本编辑器数据展示在前端时标签无法解析(从数据库取数据)

情景复现

        富文本编辑器将数据存入数据库时带有格式,从数据库取出后被当成string处理,展示到页面时无法正常解析,会带着各种标签。如图:

                 富文本编辑器数据展示在前端时标签无法解析(从数据库取数据)_第1张图片

                 富文本编辑器数据展示在前端时标签无法解析(从数据库取数据)_第2张图片

处理后

        如图:

                 富文本编辑器数据展示在前端时标签无法解析(从数据库取数据)_第3张图片

解决过程

        通过js或jq获取其中的文本,处理后重新为文本赋值。

$(function(){
	var a = $(".news_abstract").text(); //news_abstract为p标签的class值
	$(".news_abstract").html(a);
});

 

我有话说

        本人这里是要实现新闻页面,展示主要用的volist标签来实现的,但通过此方法会将所有的文章内容都变成一样的,如图:

                  富文本编辑器数据展示在前端时标签无法解析(从数据库取数据)_第4张图片

        所以最终为每个内容p标签加上了唯一的属性值,且因我设置的分页为每页显示5条,所以将js循环执行5遍,若你需要实现的功能与我相似,希望我的功能实现方式可以对你有所帮助。

下面是我的html与js:


	
	
{$pages}

 

 

 

 

你可能感兴趣的:(前端)