feat(widget): 为评论编辑器添加Markdown预览功能
- 引入 marked 和 DOMPurify 依赖以支持 Markdown 解析与安全渲染 - 在评论表单和回复编辑器中添加预览按钮,支持实时预览 - 新增预览区域样式,优化操作按钮布局间距 - 修复表单状态初始化问题,确保预览功能稳定
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user