修复h5

2026-08-15 22:16:58 +08:00
parent a344aaedf3
commit aed71d237d
15 changed files with 13296 additions and 306 deletions
@@ -0,0 +1,89 @@
+/**
+ * 富文本 HTML 展示样式（与 platform UmoEditor / TipTap 输出对齐）
+ * 用于 editor 组件、rich-text、v-html 等场景
+ */
+.ql-editor,
+.rich-content {
+	overflow-x: auto;
+
+	p {
+		margin: 8px 0;
+		line-height: 1.8;
+	}
+
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+
+	blockquote {
+		border-left: 4px solid #3973ff;
+		background-color: #f5f7fa;
+		color: #606266;
+		padding: 8px 16px;
+		margin: 12px 0;
+	}
+
+	pre {
+		background-color: #f5f7fa;
+		border: 1px solid #e4e7ed;
+		border-radius: 4px;
+		padding: 12px 16px;
+		margin: 12px 0;
+		overflow-x: auto;
+	}
+
+	code {
+		background-color: #f5f7fa;
+		border: 1px solid #e4e7ed;
+		border-radius: 3px;
+		padding: 2px 6px;
+		font-family: Consolas, Monaco, monospace;
+		font-size: 13px;
+	}
+
+	table {
+		border-collapse: collapse !important;
+		border: 1px solid #e4e7ed !important;
+		width: 100% !important;
+		margin: 12px 0;
+		table-layout: auto;
+
+		th,
+		td {
+			border: 1px solid #e4e7ed !important;
+			background-color: #ffffff !important;
+			color: #303133 !important;
+			padding: 8px 12px !important;
+			min-width: 60px;
+			vertical-align: top;
+			word-break: break-word;
+			user-select: text;
+			-webkit-user-select: text;
+			cursor: text;
+		}
+
+		th {
+			background-color: #f5f7fa !important;
+			font-weight: 600 !important;
+		}
+	}
+
+	ul,
+	ol {
+		padding-left: 24px;
+		margin: 8px 0;
+	}
+
+	li {
+		line-height: 1.8;
+		margin: 4px 0;
+	}
+
+	hr {
+		border: none;
+		border-top: 1px solid #e4e7ed;
+		margin: 16px 0;
+	}
+}