开源一个富文本编辑器内容导出为 word 文件的小项目 前端菜鸟 希望有朋友可以一起完善
redtech · byoungd · 2022-03-28 11:59:45 +08:00 · 1844 次点击这是一个创建于 1005 天前的主题，其中的信息可能已经有所发展或是发生改变。
项目介绍
一个可以将富文本编辑器内容导出为 word （.docx ）的小公举。
由于本人技术比较菜，一直都不太敢开源设计到具体代码的东西，但是年前看到 @Livid 发的一篇你有没有构思了很久但是没有着手做的东西，深有感触，于是就把自己在开发中遇到的一个需求给实现了。
当然开源的版本经过了脱敏，代码稍微有点旧也很丑陋，但是基本能用，可以满足很多编辑器纯前端下载为 docx 文件的需求了。
特性
- 纯前端实现 无需后端接口
- 样式还原度高
- 支持自定义样式
- 支持批量下载为.zip 压缩文件
在线样例
你可以使用编辑器编写内容或者复制文本进去，然后点击页面底部的 click here to download 进行测试.
项目地址
github - https://github.com/byoungd/editor-to-word
后续计划
- 支持图片 （思路就是转 base64 ）
感谢
感谢大家宝贵的时间，如果觉得有用，希望可以给个 Star ⭐️。 谢谢。
 |
1
redtech OP  1
本人的本职工作非专业前端，大佬喷的时候请轻点 😱
|
|
2
redtech OP 当然 作为个人博客的一个下载功能也是支持的
**小手一抖 star 我有** |
 |
3
ALLROBOT 2022-03-28 13:10:13 +08:00
 这种吗？是否有转换后的示例图片 |
|
5
ALLROBOT 2022-03-28 13:24:01 +08:00
|
|
6
redtech OP @ALLROBOT 我的实现是基于网页的 理论上可以支持任何网页的下载 但是需要处理的规则还是蛮多的 而且 openxml 和某些 css 的特性稍微有偏差 比如表格那块处理起来就稍微麻烦些
|
|
7
redtech OP @ALLROBOT mardown 转成 word 和 pdf 都很好处理的 而且还原度也是相当不错的 大致的思路就是 markdown -> html -> docx
|
|
8
redtech OP @ALLROBOT 你可以把文字直接粘贴进编辑器进行测试 看看下载下来的效果是否能达到预期 暂时没有做图片是因为我之前的场景里没有图片的需求 但是想要支持 实现的成本并不高
|
 |
9
bertonzh 2022-03-28 14:18:20 +08:00
其实最简单的办法就是直接导出 HTML ，如果是想阅读，在浏览器里面打开就行。如果想编辑，word 也支持打开 HTML （当然也能导出 word ）
|
 |
11
FrankHB 2022-03-29 09:27:03 +08:00
。。。对不起，看到“小公举”忍不住喷射早餐到屏幕上了。。
|
Select Language