山东福彩 · 功能验证操作指南

请用 电脑 Chrome / Edge 打开。逐项点下面按钮即可测试。

怎么串起来: ① Word/WPS 粘贴带图+ ② 大图不变形+ ③ 视频转码 后台编辑发布 前端预览

完整流程:后台编辑 → 发布 → 前端预览

功能①②都在这条流里:后台用富文本编辑器(和现系统同款,工具栏按钮齐全)写文章、粘贴 Word/WPS、插大图,点发布,再去前端看效果。
  1. 打开后台编辑页,填标题、选栏目
  2. 正文里粘贴 Word/WPS 内容、插入图片(见功能①②)
  3. 🚀 发布
  4. 打开前端首页 → 点开文章 → 看预览效果(手机/电脑自适应、图片不变形)
预期:后台编辑什么样,前端预览就什么样。

1Word / WPS 粘贴(保留格式 + 图片)

  1. 在 WPS / Word 里选中一段带图片的内容,Ctrl+C
  2. 回到后台编辑页,先用鼠标点一下白色编辑区(授予剪贴板权限,第一次可能弹框点允许)
  3. Ctrl+V 粘贴 → 文字格式 + 图片一起进来
  4. 单击图片,拖动四角缩放
预期:格式保留、图片显示出来且可拖拽改大小(现系统丢图就丢在这)。

2大图上传不变形

  1. 看页面左右对比:左"固定宽高"(圆变椭圆=变形)vs 右"等比适配"(不变形)
  2. 点"选择文件"上传你自己的大图,看原始尺寸 + 正确渲染
预期:右侧无论多大都按比例显示、不拉伸。后台发文/前端预览里同样生效。

3HEVC(H.265) 视频:上传转码 + 浏览器直接播放

方式一:后台上传自己的视频(推荐,支持 200~500M 大视频)
  1. 进后台编辑页,点 🎬 上传视频(自动转码),选一个视频(iPhone 原片 HEVC / 200M 左右大视频都行)
  2. 看进度条上传 → 服务端自动把 HEVC 转成 H.264 → 自动插入文章
  3. 点发布 → 前端预览里直接播放
方式二:直接看转码前后对比
  1. 打开对比页:左边原始 HEVC、右边转码后 H.264
  2. 请用 Windows 电脑 Chrome 打开:左边大概率放不了,右边正常播放
预期:HEVC 上传后自动转码,任意浏览器直接能播(微信同款)。分片上传,支持到 500M。
⚠️ 两点注意:①视频上传转码需要后端服务在线,请在与我们约定的时间窗内测试;②苹果 Safari 自带 HEVC 解码,看"放不了"的痛点请用 Windows Chrome
提示
· 请用电脑 Chrome / Edge;视频对比请用 Windows
· 这是技术验证环境,你发布的文章存在你自己浏览器本地,只在你这台机器可见(正式系统会存服务器、所有人可见)。
· 富文本编辑器用的是与现系统同款的 TinyMCE,工具栏按钮(字体/字号/加粗/颜色/对齐/列表/表格/图片/视频/链接/代码/打印/预览/全屏)全部齐全。
← 返回 Demo 总览