富文本编辑器内容剔除img

最新推荐文章于 2023-09-06 13:48:57 发布

weixin_34050519

最新推荐文章于 2023-09-06 13:48:57 发布

阅读量697

点赞数

CC 4.0 BY-SA版权

文章标签：数据库 javascript java ViewUI

原文链接：https://my.oschina.net/LYQ19941105/blog/1514520

本文介绍了一种处理富文本编辑器保存至数据库内容的方法，包括去除图片和换行符等，确保纯文本内容的正确展示。

2019独角兽企业重金招聘Python工程师标准>>>

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

`<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>

转载于:https://my.oschina.net/LYQ19941105/blog/1514520