V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
redtech
V2EX  ›  程序员

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

  •  1
     
  •   redtech ·
    byoungd · 2022-03-28 11:59:45 +08:00 · 1796 次点击
    这是一个创建于 956 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目介绍

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

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

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

    特性

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

    在线样例

    在线 demo 请点我

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

    项目地址

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

    后续计划

    • 支持图片 (思路就是转 base64 )

    感谢

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

    11 条回复    2022-03-29 09:27:03 +08:00
    redtech
        1
    redtech  
    OP
       2022-03-28 12:06:35 +08:00   ❤️ 1
    本人的本职工作非专业前端,大佬喷的时候请轻点 😱
    redtech
        2
    redtech  
    OP
       2022-03-28 12:21:39 +08:00
    当然 作为个人博客的一个下载功能也是支持的
    **小手一抖 star 我有**
    ALLROBOT
        3
    ALLROBOT  
       2022-03-28 13:10:13 +08:00
    这种吗?是否有转换后的示例图片
    redtech
        4
    redtech  
    OP
       2022-03-28 13:13:12 +08:00
    @ALLROBOT 你用的是什么插件 /工具 我去参考一下
    redtech
        6
    redtech  
    OP
       2022-03-28 13:33:22 +08:00
    @ALLROBOT 我的实现是基于网页的 理论上可以支持任何网页的下载 但是需要处理的规则还是蛮多的 而且 openxml 和某些 css 的特性稍微有偏差 比如表格那块处理起来就稍微麻烦些
    redtech
        7
    redtech  
    OP
       2022-03-28 13:35:27 +08:00
    @ALLROBOT mardown 转成 word 和 pdf 都很好处理的 而且还原度也是相当不错的 大致的思路就是 markdown -> html -> docx
    redtech
        8
    redtech  
    OP
       2022-03-28 13:48:29 +08:00
    @ALLROBOT 你可以把文字直接粘贴进编辑器进行测试 看看下载下来的效果是否能达到预期 暂时没有做图片是因为我之前的场景里没有图片的需求 但是想要支持 实现的成本并不高
    bertonzh
        9
    bertonzh  
       2022-03-28 14:18:20 +08:00
    其实最简单的办法就是直接导出 HTML ,如果是想阅读,在浏览器里面打开就行。如果想编辑,word 也支持打开 HTML (当然也能导出 word )
    redtech
        10
    redtech  
    OP
       2022-03-28 14:35:38 +08:00
    @bertonzh 我这里的场景就是单纯的导出为 word 富文本编辑器里经常作为收费的一个功能
    FrankHB
        11
    FrankHB  
       2022-03-29 09:27:03 +08:00
    。。。对不起,看到“小公举”忍不住喷射早餐到屏幕上了。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2514 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:29 · PVG 09:29 · LAX 17:29 · JFK 20:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.