富文本编辑器内容剔除img

原创
2017/08/18 17:53
阅读数 580

如题,通过富文本编辑器保存至数据库的内容格式如下~

`<ol class=" list-paddingleft-2" style="list-style-type: decimal;"><li><p>就是这么个图<img src="http://7xt96r.com1.z0.glb.clouddn.com//ueditor/jsp/upload/image/20170817/1502964379872082906.jpg" title="1502964301628005888.jpg" alt="5.jpg"/></p></li></ol><p><br/></p><p>2.撒附近就快了撒附近</p><p><img src="http://7xt96r.com1.z0.glb.clouddn.com//ueditor/jsp/upload/image/20170817/1502964408281003267.png" title="1502964408281003267.png" alt="003.png"/><br/></p><p>3.杀神风撒地方和看看两节课东方斯卡拉&nbsp;</p><p><br/><img src="http://7xt96r.com1.z0.glb.clouddn.com//ueditor/jsp/upload/image/20170817/1502964442193040245.png" title="1502964442193040245.png" alt="001.png"/></p><p>4.说明哈啥东西</p>`

处理方式如下:

var content = list.content;
                                        var p_=$("<p></p>");
                                        p_.html(content);
                                        p_.find("img").remove();
                                        p_.find("br").remove();
                                        content=$(p_).text();
                                        list.content = content;

如果不经过处理,在页面显示时,ng的显示方法如下:

<div ng-bind-html="instructionDetail.content|to_trusted"></div>
展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部