uniapp 富文本图片变形或者太大

最新推荐文章于 2024-11-07 14:16:11 发布

原创

最新推荐文章于 2024-11-07 14:16:11 发布 · 513 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #css #javascript

一、在common目录下创建js文件，例如取名为index.js

/*
graceUI rich-text 加强工具
link : graceui.hcoder.net
author : [email protected] 深海
*/

// 正则变量
var graceRichTextReg;

// 批量替换的样式 [ 根据项目需求自行设置 ]
var GRT = [
	// div 样式
	['div', "line-height:2em;"],
	// h1 样式
	['h1', "font-size:3em; line-height:1.5em;"],
	// h2 样式
	['h2', "font-size:2em; line-height:1.8em;"],
	// h3 样式
	['h3', "font-size:1.6em; line-height:2em;"],
	// h4 样式
	['h4', "font-size:1.2em; line-height:2em;"],
	// h5 样式
	['h5', "font-size:1em; line-height:2em;"],
	// h6 样式
	['h6', "font-size:0.9em; line-height:2em;"],
	// p 样式
	['p', "font-size:1em; line-height:2em;margin:0;"],
	// b 样式
	['b', "font-size:1em; line-height:2em;"],
	// strong 样式
	['strong', "font-size:1em; line-height:2em;"],
	// code 样式
	['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
	// img 样式
	['img', "width:100%; margin:0px 0;"],
	// blockquote
	['blockquote',
		"font-size:1em; border-lef