Wangeditor5富文本上传设置图片默认大小 eg: 设置宽度为30%

         const imgRegEx = /<img.*?>/gi;
 
		const handleChange = (editor) => {
			console.log('change:', editor.getHtml())
			const richText = valueHtml.value
			valueHtml.value = richText.replace(imgRegEx, (match) => {
				console.log(match)
				return match.replace(/<img/, '<img style="width:30%;"');
			});
			emit('watchTxt', editor.getHtml())
		}

posted @ 2024-04-18 19:18 Felix_Openmind 阅读(1133) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· wangeditor5富文本中的图片点击放大

· JS默认参数传递额外参数（多文件上传, uploading)

· thinkphp wangEditor 图片上传

· 富文本编辑器

· wangeditor富文本编辑和vue3

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

Wangeditor5富文本上传设置图片默认大小 eg: 设置宽度为30%

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	const imgRegEx = /<img.*?>/gi;

	const handleChange = (editor) => {
	console.log('change:', editor.getHtml())
	const richText = valueHtml.value
	valueHtml.value = richText.replace(imgRegEx, (match) => {
	console.log(match)
	return match.replace(/<img/, '<img style="width:30%;"');
	});
	emit('watchTxt', editor.getHtml())
	}