文档章节

富文本编辑器内容剔除img

落落酱
 落落酱
发布于 2017/08/18 17:53
字数 214
阅读 111
收藏 0

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

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

© 著作权归作者所有

上一篇: 分页。嗯。
下一篇: 物流查询
落落酱

落落酱

粉丝 314
博文 15
码字总数 11024
作品 0
武汉
程序员
私信 提问
内容里的图片大小处理

我们是内容型网站, 富文本编辑器里可以上传图片,里上传后返回图片地址,生成img标签。文章保存后,是保存的内容,然后图片在内容中。 但是现在要app也要看这些文章内容,其中的图片还是之前...

霖vv
2017/02/24
114
2
关于富文本编辑器的一些问题!

我想写一个富文本编辑器 ,遇到如下问题 我想使用 [imgx]123[imgx/]标签来代替img标签 123是图片在服务器储存的编号,那么这种东西应该怎么实现? 可预览,能删除,欢迎写过富文本编辑器的大牛回复...

1514582970
2016/03/24
65
0
如何更加安全快速的使用富文本编辑器

title: 如何更加安全快速的使用富文本编辑器 date: 2019-03-28 08:45:28 tags: C# --- 众所周知,富文本编辑器是目前用途广泛的前端插件,它可以直接编辑并保存多样化的文本格式。适用于论坛...

黑猫回收者
03/28
0
0
WordPress 4.8.1 发布,增加单独的 HTML 小工具

刚刚,WordPress 开发团队发布了 WordPress 4.8.1 维护升级版本,增加了一个单独的 HTML 小工具,来解决 WordPress 4.8 版本中文本小工具的问题。 今年 6 月份发布的 WordPress 4.8 正式版,...

王练
2017/08/03
1K
2
UEditor(百度富文本编辑器)的暴力使用

1.下载sdk 下载链接:http://ueditor.baidu.com/website/download.html Tip:这里下载的是UTF-8版本的。 解压可以看到一个示例文件index.html,可以双击打开该文件,就可以看到富文本编辑器的...

issac宝华
2016/06/23
997
0

没有更多内容

加载失败,请刷新页面

加载更多

0.01-Win10安装linux子系统

一、安装Debian子系统 -1、控制面板设置: -1.1、打开“控制面板” —— “程序” —— “启用或关闭Windows功能” —— 勾选 “适用于Linux的Windows子系统” -2、设置: -2.1、打开“设置”...

静以修身2025
昨天
2
0
init 0-6 (启动级别:init 0,1,2,3,4,5,6)

启动级别: init 0,1,2,3,4,5,6 这是个很久的知识点了,只是自己一直都迷迷糊糊的,今天在翻出来好好理解下。。 0: 停机 1:单用户形式,只root进行维护 2:多用户,不能使用net file system...

圣洁之子
昨天
2
0
Android Camera HAL浅析

1、Camera成像原理介绍 Camera工作流程图 Camera的成像原理可以简单概括如下: 景物(SCENE)通过镜头(LENS)生成的光学图像投射到图像传感器(Sensor)表面上,然后转为电信号,经过A/D(模数转...

天王盖地虎626
昨天
2
0
聊聊Elasticsearch的ProcessProbe

序 本文主要研究一下Elasticsearch的ProcessProbe ProcessProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/process/ProcessProbe.java public class ProcessProb......

go4it
昨天
3
0
mysql PL(procedure language)流程控制语句

在MySQL中,常见的过程式SQL语句可以用在存储体中。其中包括IF语句、CASE语句、LOOP语句、WHILE语句、ITERATE语句和LEAVE语句,它们可以进行流程控制。 IF语句相当于Java中的if()...else if(...

edison_kwok
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部