★完整流程:后台编辑 → 发布 → 前端预览
功能①②都在这条流里:后台用富文本编辑器(和现系统同款,工具栏按钮齐全)写文章、粘贴 Word/WPS、插大图,点发布,再去前端看效果。
- 打开后台编辑页,填标题、选栏目
- 正文里粘贴 Word/WPS 内容、插入图片(见功能①②)
- 点 🚀 发布
- 打开前端首页 → 点开文章 → 看预览效果(手机/电脑自适应、图片不变形)
预期:后台编辑什么样,前端预览就什么样。
1Word / WPS 粘贴(保留格式 + 图片)
- 在 WPS / Word 里选中一段带图片的内容,Ctrl+C
- 回到后台编辑页,先用鼠标点一下白色编辑区(授予剪贴板权限,第一次可能弹框点允许)
- Ctrl+V 粘贴 → 文字格式 + 图片一起进来
- 单击图片,拖动四角缩放
预期:格式保留、图片显示出来且可拖拽改大小(现系统丢图就丢在这)。
2大图上传不变形
- 看页面左右对比:左"固定宽高"(圆变椭圆=变形)vs 右"等比适配"(不变形)
- 点"选择文件"上传你自己的大图,看原始尺寸 + 正确渲染
预期:右侧无论多大都按比例显示、不拉伸。后台发文/前端预览里同样生效。
3HEVC(H.265) 视频:上传转码 + 浏览器直接播放
方式一:后台上传自己的视频(推荐,支持 200~500M 大视频)
- 进后台编辑页,点 🎬 上传视频(自动转码),选一个视频(iPhone 原片 HEVC / 200M 左右大视频都行)
- 看进度条上传 → 服务端自动把 HEVC 转成 H.264 → 自动插入文章
- 点发布 → 前端预览里直接播放
方式二:直接看转码前后对比
- 打开对比页:左边原始 HEVC、右边转码后 H.264
- 请用 Windows 电脑 Chrome 打开:左边大概率放不了,右边正常播放
预期:HEVC 上传后自动转码,任意浏览器直接能播(微信同款)。分片上传,支持到 500M。
⚠️ 两点注意:①视频上传转码需要后端服务在线,请在与我们约定的时间窗内测试;②苹果 Safari 自带 HEVC 解码,看"放不了"的痛点请用 Windows Chrome。