biss/Academic-Affairs-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

消息修复

Browse Source
This commit is contained in:
biss
2026-07-27 16:06:02 +08:00 Unverified
parent 06d40a7bf1
commit 14ac49115c
4 changed files with 184 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/RichMessageContent.vue
+86 -1
View File
@@ -11,8 +11,14 @@ const safeHtml = computed(() => DOMPurify.sanitize(props.content, {
ALLOWED_TAGS: [
'p', 'br', 'strong', 'b', 'em', 'i', 'u', 's',
'h2', 'h3', 'h4', 'ul', 'ol', 'li', 'blockquote', 'a',
'figure', 'figcaption', 'img',
'table', 'thead', 'tbody', 'tfoot', 'tr', 'th', 'td', 'colgroup', 'col',
],
ALLOWED_ATTR: [
'href', 'target', 'rel',
'src', 'alt', 'title', 'width', 'height', 'class', 'style',
'colspan', 'rowspan', 'scope',
],
ALLOWED_ATTR: ['href', 'target', 'rel'],
ALLOW_DATA_ATTR: false,
}))
</script>
@@ -35,6 +41,12 @@ const safeHtml = computed(() => DOMPurify.sanitize(props.content, {
line-height: 1.75;
}
.rich-message-content::after {
display: block;
clear: both;
content: '';
}
.rich-message-content :deep(p),
.rich-message-content :deep(ul),
.rich-message-content :deep(ol),
@@ -77,4 +89,77 @@ const safeHtml = computed(() => DOMPurify.sanitize(props.content, {
text-decoration: underline;
text-underline-offset: 2px;
}
.rich-message-content :deep(figure) {
margin: .9em auto;
}
.rich-message-content :deep(figure.image) {
max-width: 100%;
}
.rich-message-content :deep(img) {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: 6px;
}
.rich-message-content :deep(figcaption) {
margin-top: .4em;
color: var(--muted);
font-size: .86em;
line-height: 1.5;
text-align: center;
}
.rich-message-content :deep(.image-style-align-left),
.rich-message-content :deep(.image-style-block-align-left) {
margin-right: 1.25em;
margin-left: 0;
}
.rich-message-content :deep(.image-style-align-right),
.rich-message-content :deep(.image-style-block-align-right),
.rich-message-content :deep(.image-style-side) {
margin-right: 0;
margin-left: auto;
}
.rich-message-content :deep(.image-style-wrap-text.image-style-align-left) {
float: left;
}
.rich-message-content :deep(.image-style-wrap-text.image-style-align-right),
.rich-message-content :deep(.image-style-side) {
float: right;
margin-left: 1.25em;
}
.rich-message-content :deep(figure.table) {
max-width: 100%;
overflow-x: auto;
}
.rich-message-content :deep(table) {
width: 100%;
border-collapse: collapse;
background: #fff;
}
.rich-message-content :deep(th),
.rich-message-content :deep(td) {
min-width: 4.5em;
padding: .55em .7em;
border: 1px solid var(--line);
vertical-align: top;
}
.rich-message-content :deep(th) {
background: #f3f5f8;
color: var(--ink);
font-weight: 650;
text-align: left;
}
</style>