V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
byj66
V2EX  ›  分享创造

快速将图文转为长图应用, Next.js 开源分享

  •  
  •   byj66 ·
    byodian · 46 天前 · 1858 次点击
    这是一个创建于 46 天前的主题,其中的信息可能已经有所发展或是发生改变。

    oneimg

    一个纯前端实现的长图生成器应用,您可以通过编辑器输入文本和图片,使用预设的 CSS 模板样式,快速生成预览,并导出为图片格式。

    应用截图

    特性

    • 图文转长图
    • 内置多种模版和主题色,更多模版还在开发中
    • 固定布局编辑器,无需考虑复杂的排版问题
    • 实时预览生成的长图
    • 导出为长图和多张切图
    • 开放格式,导出主题为 .oneimg json 文件
    • 正文编辑器支持加粗、斜体、下划线和列表等格式

    使用案例

    微信公众号长图推文:oneimg 应用介绍

    可下载主题文件作导入到 oneimg 应用,查看效果。

    打开文件

    技术栈

    • 前端:Next.js 、tiptap 编辑器、tailwindcss 、shadcn/ui
    • 图片处理:html-to-image, UPNG
    • 数据库:IndexedDB (本地存储)

    源代码和预览地址

    如果大家感兴趣欢迎 Star 和贡献代码。

    6 条回复    2024-09-30 09:39:10 +08:00
    falcon05
        1
    falcon05  
       46 天前 via iPhone
    iOS 上 safari 转不了图片,preview 是空白的,下载一个 zip ,也全是空白的内容,感觉不像我期待的文字转图片应用。
    byj66
        2
    byj66  
    OP
       46 天前 via iPhone
    @falcon05 移动端端还有点问题,电脑上试试
    zhangkui
        3
    zhangkui  
       46 天前
    byj66
        4
    byj66  
    OP
       46 天前 via iPhone
    @zhangkui 收到
    wjup
        5
    wjup  
       46 天前
    图片要是能插入到正文随意位置就更好了
    byj66
        6
    byj66  
    OP
       46 天前
    @wjup 后面会迭代,把这个功能加进去。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1056 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:47 · PVG 03:47 · LAX 11:47 · JFK 14:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.