refactor(editor): 重构编辑器组件及样式,优化功能实现

重构编辑器工具栏样式及功能,使用wangEditor替换原有实现
优化图片和视频上传逻辑,增加自定义校验和上传处理
调整编辑器样式,修复对齐功能及段落标题样式
更新表情选择器位置逻辑,支持上下方向显示
统一组件导入方式,添加版本控制参数防止缓存
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-26 19:01:26 +08:00
parent 460450c339
commit 275b78b221
23 changed files with 678 additions and 320 deletions

View File

@@ -878,16 +878,17 @@
cursor: pointer;
}
.answer-discuss .input-box .bottom .operate .item {
}
.answer-discuss .input-box .bottom .operate .item .emoji-box {
width: 582px;
border-radius: 8px;
background-color: #fff;
filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.1));
// top: 45px;
top: 36px;
position: absolute;
z-index: 1;
// left: -14px;
left: 50%;
transform: translateX(-50%);
border: 1px solid #ebebeb;
@@ -895,20 +896,30 @@
flex-wrap: wrap;
font-size: 22px;
padding: 8px;
}
.answer-discuss .input-box .bottom .operate .item .emoji-box::after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
// left: 15px;
left: 50%;
transform: translateX(-50%);
&.top {
top: inherit;
bottom: 36px;
&::after {
bottom: -8px;
top: inherit;
transform: translateX(-50%) rotate(180deg);
}
}
&::after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
}
}
.answer-discuss .input-box .bottom .operate .item .emoji-box .emoji-icon {