网页内容[html]如何保持样式复制粘贴到word/wps里面,有思路或者方案吗

问题描述#

前端显示的一个页面,里面主要是有文字和图片,有一定的样式排版,用户希望可以直接复制到 word 里面去。直接全选复制粘贴后出现两个问题,一个是复杂样式会丢失,比如图片 position 定位,另一个是页面里有水印 background-image,这个是选不中没法复制的。

求助#

有没有接触过这种需求的,希望能提供一个思路或可行的方案

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
最佳答案

提供一种曲线救国的思路,能用但麻烦。 1. 提供一个下载页面的按钮而非让用户复制粘贴。 2. 用户点此按钮后,在后台,按照 html 格式,生成一个 html 文件,注意此文件中不要引用其他的 css ,所有的 css 全部内嵌到此 html 中,不要 js 脚本,反正有也运行不了。图片可以引用,但注意使用绝对路径引用。 3. 将 2 中的文件保存成 .html 文件,通过 phpoffice 之类的组件打开此 html ,然后另存为 docx 文件。 4. 将 3 中生成的文件输出给浏览器下载。即可。

5个月前 评论
韩陵石 (楼主) 5个月前
讨论数量: 9

截图

5个月前 评论
韩陵石 (楼主) 5个月前
xolee 5个月前

我弄过一些简单的公司网站,偶尔也遇到类似的需求,我不清楚能否实现,感觉 100% 复制过来是不可能的,Word 有那么多的功能,和 Web 特性不是一一对应的关系。从来源上说,剪切板不一定会保留所有的信息,从去向上看,你的富文本编辑器库也需要适配。

网上有些收费方案,看起来不错:

5个月前 评论
韩陵石 (楼主) 5个月前

提供一种曲线救国的思路,能用但麻烦。 1. 提供一个下载页面的按钮而非让用户复制粘贴。 2. 用户点此按钮后,在后台,按照 html 格式,生成一个 html 文件,注意此文件中不要引用其他的 css ,所有的 css 全部内嵌到此 html 中,不要 js 脚本,反正有也运行不了。图片可以引用,但注意使用绝对路径引用。 3. 将 2 中的文件保存成 .html 文件,通过 phpoffice 之类的组件打开此 html ,然后另存为 docx 文件。 4. 将 3 中生成的文件输出给浏览器下载。即可。

5个月前 评论
韩陵石 (楼主) 5个月前

把网页生成图片或 pdf,然后转 word,或者直接在 pdf 上编辑,排版上可能好一点

5个月前 评论

先画网页然后生成 pdf,再转 word

4个月前 评论