开源一个富文本编辑器内容导出为 word 文件的小项目 前端菜鸟 希望有朋友可以一起完善

[redtech]

项目介绍

一个可以将富文本编辑器内容导出为 word （.docx ）的小公举。

由于本人技术比较菜，一直都不太敢开源设计到具体代码的东西，但是年前看到 @Livid 发的一篇你有没有构思了很久但是没有着手做的东西，深有感触，于是就把自己在开发中遇到的一个需求给实现了。

当然开源的版本经过了脱敏，代码稍微有点旧也很丑陋，但是基本能用，可以满足很多编辑器纯前端下载为 docx 文件的需求了。

特性

• 纯前端实现 无需后端接口
• 样式还原度高
• 支持自定义样式
• 支持批量下载为.zip 压缩文件

在线样例

在线 demo 请点我

你可以使用编辑器编写内容或者复制文本进去，然后点击页面底部的 click here to download 进行测试.

项目地址

github - https://github.com/byoungd/editor-to-word

后续计划

• 支持图片 （思路就是转 base64 ）

感谢

感谢大家宝贵的时间，如果觉得有用，希望可以给个 Star ⭐️。 谢谢。

[redtech]

本人的本职工作非专业前端，大佬喷的时候请轻点 😱

[redtech]

当然 作为个人博客的一个下载功能也是支持的
**小手一抖 star 我有**

[ALLROBOT]

这种吗？是否有转换后的示例图片

[redtech]

@ALLROBOT 你用的是什么插件 /工具 我去参考一下

[ALLROBOT]

https://blog.csdn.net/weixin_43314519/article/details/106766817

[redtech]

@ALLROBOT 我的实现是基于网页的 理论上可以支持任何网页的下载 但是需要处理的规则还是蛮多的 而且 openxml 和某些 css 的特性稍微有偏差 比如表格那块处理起来就稍微麻烦些

[redtech]

@ALLROBOT mardown 转成 word 和 pdf 都很好处理的 而且还原度也是相当不错的 大致的思路就是 markdown -> html -> docx

[redtech]

@ALLROBOT 你可以把文字直接粘贴进编辑器进行测试 看看下载下来的效果是否能达到预期 暂时没有做图片是因为我之前的场景里没有图片的需求 但是想要支持 实现的成本并不高

[bertonzh]

其实最简单的办法就是直接导出 HTML ，如果是想阅读，在浏览器里面打开就行。如果想编辑，word 也支持打开 HTML （当然也能导出 word ）

[redtech]

@bertonzh 我这里的场景就是单纯的导出为 word 富文本编辑器里经常作为收费的一个功能

[FrankHB]

。。。对不起，看到“小公举”忍不住喷射早餐到屏幕上了。。