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

问题描述

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

求助

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

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
最佳答案

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

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

截图

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

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

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

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

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

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

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

4个月前 评论

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

3个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!