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

问题描述#

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

求助#

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

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
最佳答案

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

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

截图

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

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

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

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

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

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

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

6个月前 评论

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

5个月前 评论