网页内容[html]如何保持样式复制粘贴到word/wps里面,有思路或者方案吗 | laravel | laravel china 社区-足球竞猜
问题描述
前端显示的一个页面,里面主要是有文字和图片,有一定的样式排版,用户希望可以直接复制到word里面去。直接全选复制粘贴后出现两个问题,一个是复杂样式会丢失,比如图片position定位,另一个是页面里有水印background-image,这个是选不中没法复制的。
求助
有没有接触过这种需求的,希望能提供一个思路或可行的方案
前端显示的一个页面,里面主要是有文字和图片,有一定的样式排版,用户希望可以直接复制到word里面去。直接全选复制粘贴后出现两个问题,一个是复杂样式会丢失,比如图片position定位,另一个是页面里有水印background-image,这个是选不中没法复制的。
有没有接触过这种需求的,希望能提供一个思路或可行的方案
截图
我弄过一些简单的公司网站,偶尔也遇到类似的需求,我不清楚能否实现,感觉 100% 复制过来是不可能的,word 有那么多的功能,和 web 特性不是一一对应的关系。从来源上说,剪切板不一定会保留所有的信息,从去向上看,你的富文本编辑器库也需要适配。
网上有些收费方案,看起来不错:
提供一种曲线救国的思路,能用但麻烦。 1.提供一个下载页面的按钮而非让用户复制粘贴。 2.用户点此按钮后,在后台,按照 html 格式,生成一个 html 文件,注意此文件中不要引用其他的 css ,所有的 css 全部内嵌到此 html 中,不要 js 脚本,反正有也运行不了。图片可以引用,但注意使用绝对路径引用。 3.将2中的文件保存成 .html 文件,通过 phpoffice 之类的组件打开此 html ,然后另存为 docx 文件。 4.将3中生成的文件输出给浏览器下载。即可。
把网页生成图片或pdf,然后转word,或者直接在pdf上编辑,排版上可能好一点
推荐文章: