设置rich-text标签样式

news/2024/6/18 5:30:33 标签: javascript, css3, html

问题:多张图片中间存在一定的间隔在这里插入图片描述
多张图片之间存在间隔只需要设置display属性为block就可以;

html"><rich-text nodes="{{productDetail.content}}"></rich-text>

2.先打印一下rich-text标签内容看一下
在这里插入图片描述这里的img标签自身带了一个style,我们只需要在后面加样式就可以了;

3.先用正则表达式找出要修改的部位

html" title=javascript>javascript">//下面的content就是rich-text标签的nodes
let val = this.data.productDetail.content;
let t = "productDetail.content"
this.setData({
	// 正则表达式找出style里面的内容在后面加上需要设置的属性
	[t]: val.replace(/max-width:100%;/gi,'max-width:100%; display:block;')
})

4.改变后的rich-text标签
在这里插入图片描述
这样就为img标签加上了display:block;属性


http://www.niftyadmin.cn/n/1599477.html

相关文章

VS code常用插件

1.Auto Close Tag 标签自动闭合 2. Auto Rename Tag 自动重命名标签 3.Better Align 设置代码对齐 CtrlK,CtrlS打开快捷键设置&#xff0c;搜索wwm&#xff0c;设置自己的快捷键 4.Bracket Pair Colorization Toggler 括号颜色 5.Chiese&#xff08;Simplified&…

myeclipse中建web项目上传文件到hadoop,出现文件上传上去了,但是文件大小为0或小于当前文件解决方案

request.setCharacterEncoding("UTF-8");Long start System.currentTimeMillis();try {if (ServletFileUpload.isMultipartContent(request)) {DiskFileItemFactory dff new DiskFileItemFactory();// 创建该对象dff.setRepository(tmpDir);// 指定上传文件的临时目…

字符串(正则表达式)

1 http://acm.hdu.edu.cn/showproblem.php?pid2206 IP的计算 ip正则&#xff1b;((2[0-4]/d|25[0-5]|[01]?/d/d?)/.){3}(2[0-4]/d|25[0-5]|[01]?/d/d?) 2 http://acm.scs.bupt.cn/onlinejudge/showproblem.php?problem_id1846 Count The Keyword / 这些元字符出现在字…

lodash实现防抖节流

HTML <van-button type"primary" round block click"submit">提交</van-button>安装引入 npm i --save lodashimport _ from lodash防抖 submit: _.debounce(function () {console.log(提交) }, 2000)节流 submit: _.throttle(function ()…

2010 HDOJ Summer Vacation Training (II)(Not Original)

这场比赛没做&#xff0c;有事去了 赛后补做 5 这个用正则匹配&#xff0c;要注意一个问号一个句号就一句话结束了&#xff0c;所以正则要写成以What is 开头 中间任意多个不是&#xff1f;和.的字符&#xff0c;最后以问号结尾 Pattern.complie("What is[^//?//.]&q…

plupload上传插件绑定事件的两种方法

第一种&#xff1a;在标签中直接生成此插件 $("#uploader").plupload({ runtimes: gears,flash,silverlight,browserplus,html5, url: uploadFiles.ashx, // 服务端上传路径 max_file_size: 500mb, // 文件上传最大限制。 chunk_size: 1mb, // 上传分块每块的大小&am…

watch深度监听

如果监听的数据是一个对象或者是数组&#xff0c;那么普通的监听是监听不到数据变化的&#xff0c;此时就需要用到watch的deep属性 <template><div><input v-model"userInfo.name" type"text" /><input v-model"userInfo.age&q…

调用hadoop api实现文件的上传、下载、删除、创建目录和显示功能

&#xff08;1&#xff09;添加必要的hadoop jar包。 A、首先将Hadoop1.1.2.tar.gz解压到某一个磁盘下。 B、右键选择工程&#xff0c;选择build path....&#xff0c; build configure path&#xff1b; C、将hadoop1.1.2文件夹下的jar包添加进去&#xff1b; 还有lib文件夹下…