一、去掉图片标签

let informationArticle = informationArticle.replace(/<\/?(img)[^>]*>/gi, '');

利用正则直接替换掉

二、控制图片大小

通常需要控制图片大小，否则就会因为富文本图片太大导致页面很奇怪。如下，页面可以往右滑动。

const regex = new RegExp('<img', 'gi')
res.details = details.replace(regex, `<img style="max-width: 100%; height: auto"`);

利用正则去匹配替换标签并增加style属性

vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小相关推荐

js显示PHP源代码命令,layedit富文本编辑器中如何添加显示源码功能（代码）
本篇文章给大家带来的内容是关于layedit 富文本编辑器中如何添加显示源码功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 由于项目需要用到富文本编辑器,并且要有显示源码 ...
tiptap - 基于 vue 的优雅流畅的开源富文本编辑器
一款专为 vue.js 打造,设计优雅,体验流畅舒服的现代富文本编辑器. 关于 Tiptap Tiptap 是一款专为 vue 打造的简洁明快的富文本编辑器,通过简单的设置能为用户提供多种优秀的文字编 ...
富文本编辑器中空格转化为a_如何对富文本编辑器（FCK Html Editor）的工具栏进行扩展？...
我们在项目开发过程中,会经常使用到富文本编辑器.GeneXus内置的富文本编辑器FCK Html Editor使用起来非常方便,只要将页面变量的控件类型(Control Type)选择为FCK Htm ...
JavaScript Iframe富文本编辑器中的光标定位
最近在项目中碰到一个比较棘手的问题: 在iframe富文本编辑器中,有个工具栏,这个工具栏在iframe标签之外,工具栏上有一个按钮,点击该按钮向iframe正在编辑中的光标处插入一个图片,图片会插入 ...
php文本框长度限制,php截取富文本框中的固定长度的字符
ai,哎怎么赶脚自己写东西越来越小儿科了呢,现在连这个问题都找了好半天因为后台是的内容是富文本编辑器编辑的,前台我傻逼的直接截取了字符串,然后样式啥的都乱了,找了半天是因为富文本的问题其实解决办法 ...
带有富文本数据如何导出word文档（使用mht模板）
一.制作mht模板使用word(不能用wps)制作好导出后想要的样子,并使用占位符填充,例如${NAME},设置好格式,另存为.mht格式的文件.之后用文本编辑器打开(我用的notepad++),检 ...
PHP开发小技巧①⑥—提取富文本字符串中的文本内容
综述富文本在我们平常的项目中应用已经很广泛了,并逐渐发展成了一个行业.最近在项目中遇到需要提取富文本字符串中的文本内容,本篇博文就是记述如何重富文本字符串中提取出文本内容,欢迎大家相互学习. 富文本 ...
富文本数据存储及回显
开发者应该都使用过富文本编辑器插件吧,对于富文本插件编辑的内容我们需要怎么存储及回显呢,我来简单介绍下. 存储:1.文件存储,将富文本数据保存成html文件,然后将文件上传到文件服务器:2.直接将ht ...
flex html 控制编辑,在富文本编辑器中添加Tab键功能（Flex 3）
我试图在使用事件keyDown的富文本编辑器中添加Tab键功能.只需要清楚,在标签键上,我需要将控件保留在前面带有'\ t'空格的同一个文本框中,而不是跳到下一个对象.我尝试的下面的代码完全适用于te ...

vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小

一、去掉图片标签

二、控制图片大小

vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小相关推荐

最新文章

热门文章