feat(widget): 为评论编辑器添加Markdown预览功能

- 引入 marked 和 DOMPurify 依赖以支持 Markdown 解析与安全渲染
- 在评论表单和回复编辑器中添加预览按钮,支持实时预览
- 新增预览区域样式,优化操作按钮布局间距
- 修复表单状态初始化问题,确保预览功能稳定
This commit is contained in:
anghunk
2026-01-27 17:41:44 +08:00
parent 687be46f0b
commit 969d9019fb
6 changed files with 204 additions and 8 deletions

View File

@@ -94,6 +94,33 @@
color: var(--cwd-text, #24292f);
}
.cwd-preview-container {
margin-top: 16px;
border-top: 1px solid var(--cwd-border, #d0d7de);
padding-top: 16px;
}
.cwd-preview-title {
font-size: 13px;
font-weight: 600;
color: var(--cwd-text-secondary, #6e7781);
margin-bottom: 8px;
}
.cwd-preview-content {
padding: 12px;
min-height: 80px;
background: var(--cwd-bg, #ffffff);
border: 1px solid var(--cwd-border, #d0d7de);
border-radius: var(--cwd-radius, 6px);
}
.cwd-btn-active {
background: var(--cwd-bg-hover, #eaeef2);
color: var(--cwd-text, #24292f);
border-color: var(--cwd-border-active, #8c959f);
}
.cwd-form-fields {
display: flex;
flex-direction: column;
@@ -170,6 +197,7 @@
display: flex;
justify-content: flex-end;
margin-top: 16px;
gap: 10px;
}
.cwd-btn {