起因是用户点击一个协议链接,需要跳到对应的协议说明页面。产品给了我一个 word 格式的协议文件,但是其中文本无法直接复制过来,因为带有许多 word 的样式。
于是我搜索了一下纯前端显示 word 格式文件的方法,但发现好像没有靠谱的。
无奈之下,我想到了一个完成任务的办法,将 word 文档一页一页的转成图片,然后上传到 cdn 上,再由前端按顺序渲染这些图片。
就像下面这样:
js
<div>
<img v-for="(item, index) in imgList" :src="item.src" :key="index"/>
</div>
如果只是为了完成需求,并且时间还比较赶,这种办法也不是不可以。