vue怎么设计开发电子阅读器

Question

1. 后台使用百度uEditor富文本编辑器编辑文档
2. 编辑完后,通过接口直接把整个html传个后台(php)
3. 在前台移动端工程中,查看的编辑过的文档

现在的问题是:
1.主流程已经开发完成,本来已经准备提测了,但是产品增加功能,要求在手机端查看文档的时候,加上左右翻页,不能全部加载进来,上下滑动着看.而是要左右翻页.
2.未来还要加上目录,还要支持视频上传,pdf上传.
3.OMG! 一开始说内容不多,也就两三本手册,每本几页,用户能看就行.现在又要求这么多!完全可以做一套电子书下来了啊,不是怕难...其实是完全没有头绪,哈哈哈,公司有企业文化学习的app知鸟,如果手册多了,完全可以用知鸟啊,为什么非要在造个轮子.
4.关于翻页和目录这个,不同手机的屏幕尺寸不一样,编辑完后拿到的是纯html格式的,像这样 ↓↓↓

    <span style="color: rgb(227, 108, 9);">&nbsp; &nbsp;1. 后台使用百度uEditor富文本编辑器编辑文档,支持编辑包括文本,图片,视频,pdf上传,查看,播放.功能.</span>
</p>
<p>
    <span style="color: rgb(227, 108, 9);">&nbsp; &nbsp;2. 编辑完后,通过接口直接把整个html传个后台(php)<br/></span>
</p>
<p>
    <span style="color: rgb(227, 108, 9);">&nbsp; &nbsp;3. 前台项目移动端,查看编辑的文档和列表<img src="https://oh6dt6vbt.qnssl.com/group1/M00/0D/00/CmiU8FwSEw-AZxIBAAKwhHoZEeI712.png" title="154468839928123image.png" alt="image.png" width="100%"/></span>
</p>

,怎么截断储存做分页效果,这其中还有图片什么的.不能把完整标签截断,还要自适应各种手机的屏幕尺寸.前台查看和后台编辑怎么解耦,怎么设计,怎么存,不太有思路,各位大佬有什么好的建议吗?求教!

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

求教和产品撕*大发 O(∩_∩)O哈哈~

Answer 2

让产品给使用视频和 pdf 文档上传功能的使用率，如果使用率过低直接需求不过，把产品打回去关禁闭。

Answer 3

涉及到文档内容截断，处理起来应该不会很容易，确实不是专门做为主要发展业务的话没必要做，像你说的用第三方。推荐你用阿里的语雀

Answer 4

读取时将分辨率传给后台，然后后台根据分辨率进行 富文本 to image。哈哈