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

从春节到现在,做了这个东西 🎉

  •  4
     
  •   jezal · 2022-02-13 22:28:38 +08:00 · 7196 次点击
    这是一个创建于 998 天前的主题,其中的信息可能已经有所发展或是发生改变。
    从春节到现在,假期周末都没闲着。
    做了个画脑图、流程图的网站。
    朋友帮忙搭的基础框架,我接手优化体验。
    边学 React 边做,涨知识了、也累惨了。

    画图本
    https://huatuben.com

    功能特色
    - 支持画 mindnode 思维导图、流程图
    - 思维导图,支持快捷键全键盘操作
    - 无需登录注册,直接使用
    - 界面干净、操作直接、无广告(我感觉这是最重要的)
    - 免费不要钱

    其他说明
    - 感谢开源,这个项目是用开源代码搭积木搞出来的
    - 这个 react 教程很好,我竟然看懂了,强烈推荐
    - 教程地址 https://www.bilibili.com/video/BV1wy4y1D7JT
    第 1 条附言  ·  2022-02-13 23:52:31 +08:00
    思维导图快捷键
    1.Tab:添加子节点
    2.Enter:编辑态完成编辑,非编辑态添加兄弟节点
    3.Delete:删除节点,并自动选择兄弟或父节点
    4.Space:将已选中节点,进入编辑态
    5.UpDownLeftRight:方向键上下左右,切换已选中节点
    第 2 条附言  ·  2022-02-14 09:03:38 +08:00
    点开的朋友的,求帮忙反馈网站打开速度哈🙏
    47 条回复    2022-02-26 10:41:44 +08:00
    MarioNeTte233
        1
    MarioNeTte233  
       2022-02-13 23:32:28 +08:00 via Android
    感谢感谢,正好需要这样的网
    jezal
        2
    jezal  
    OP
       2022-02-13 23:48:51 +08:00
    @MarioNeTte233 祝用的开心,有问题随时 Q 我
    cweijan
        3
    cweijan  
       2022-02-14 09:23:51 +08:00
    还不错!
    raysonlu
        4
    raysonlu  
       2022-02-14 09:27:33 +08:00
    速度还不错,就不知道会不会开源?
    balabalaguguji
        5
    balabalaguguji  
       2022-02-14 09:29:24 +08:00
    我也做了一个,看下我的: https://tools.fun/xmind.html
    aviator
        6
    aviator  
       2022-02-14 09:29:43 +08:00
    我这里速度很快
    jezal
        7
    jezal  
    OP
       2022-02-14 09:31:47 +08:00 via iPhone
    @raysonlu 这个就是根据开源代码来的,我只是简单整合了一下。再开源的话价值不大。具体代码,github 上一搜就有很多。
    loading
        8
    loading  
       2022-02-14 09:37:38 +08:00
    我也做了个东西,等备案完成后就上线让各位看看。
    loading
        9
    loading  
       2022-02-14 09:38:20 +08:00
    你这哪里的服务器,感觉好快啊。
    jezal
        10
    jezal  
    OP
       2022-02-14 09:38:45 +08:00 via iPhone
    @loading 也是思维导图么?用香港的服务器可以不用备案。
    jezal
        11
    jezal  
    OP
       2022-02-14 09:39:33 +08:00 via iPhone
    @loading 腾讯云香港
    loading
        12
    loading  
       2022-02-14 09:40:28 +08:00
    香港腾讯云,可以。
    loading
        13
    loading  
       2022-02-14 09:40:57 +08:00
    @jezal #11 不是,完全不同的一个小东西。
    muunala10221
        14
    muunala10221  
       2022-02-14 10:11:11 +08:00
    不错 可惜不能拖动整体位置
    jezal
        15
    jezal  
    OP
       2022-02-14 10:12:03 +08:00 via iPhone
    @muunala10221 按住画布空白处,拖拽试试?
    muunala10221
        16
    muunala10221  
       2022-02-14 10:12:49 +08:00
    @jezal 哈哈 原来是这样~ 可以了 不错
    wowowoqqq
        17
    wowowoqqq  
       2022-02-14 10:30:45 +08:00
    打开速度很快的
    shuling
        18
    shuling  
       2022-02-14 10:45:33 +08:00
    一点点使用体验:流程图组件有点少,删除有点麻烦(先点橡皮擦,再选要删除的组件,最后还要点右下角的删除)
    jezal
        19
    jezal  
    OP
       2022-02-14 11:27:48 +08:00   ❤️ 1
    @shuling
    组件确实有点儿少,这个慢慢增加中。
    删除操作,直接选择图形,按键盘删除键就行了。
    icodesign
        20
    icodesign  
       2022-02-14 12:06:58 +08:00
    jezal
        21
    jezal  
    OP
       2022-02-14 12:23:14 +08:00
    @icodesign 对,流程图用的就是 tldraw 。
    woomly
        22
    woomly  
       2022-02-14 12:34:44 +08:00
    界面确实干爽,👍
    kiroli
        23
    kiroli  
       2022-02-14 12:55:40 +08:00
    不错不错,给执行力点赞
    jezal
        24
    jezal  
    OP
       2022-02-14 13:00:21 +08:00
    @kiroli 感谢鼓励。和一个后端老伙计结对编程,搞这个项目。我们会持续打磨产品的!
    tan61
        25
    tan61  
       2022-02-14 14:56:18 +08:00
    请问 mindmap 是自己写的还是有现成的轮子呢,看到流程图那块是用的 tldraw
    jezal
        26
    jezal  
    OP
       2022-02-14 15:26:09 +08:00 via iPhone
    @tan61 自己写的轮子
    LinYa
        27
    LinYa  
       2022-02-14 17:31:18 +08:00
    楼主我想请教一下,笔迹部分是如何实现可粗可细的?我发现用鼠标移动慢,画出来的笔迹就会比较宽。
    jezal
        28
    jezal  
    OP
       2022-02-14 17:47:04 +08:00
    @LinYa 你去 GitHub 上看源码吧
    LadderPlan
        29
    LadderPlan  
       2022-02-15 18:03:07 +08:00
    不错,打开网页很快!发现流程图需要按住鼠标滚轮可以拖动😂
    jezal
        31
    jezal  
    OP
       2022-02-16 11:31:14 +08:00 via iPhone
    @skys215 看来你研究了不少呀
    jezal
        32
    jezal  
    OP
       2022-02-16 11:32:49 +08:00 via iPhone
    发布一个小更新:修复了 Firefox 下节点文字错位问题。
    jezal
        33
    jezal  
    OP
       2022-02-17 09:45:23 +08:00 via iPhone
    发布一个小更新:新增操作按钮 tooltip ,新增快捷键说明 popover 。这样新用户用起来更简单了。
    话说,antd react 组件库挺好用呀!
    skys215
        34
    skys215  
       2022-02-17 10:05:45 +08:00
    @jezal 没有,我收藏狂魔,各种在线应用都收藏了
    Hjxxx
        35
    Hjxxx  
       2022-02-17 15:34:55 +08:00
    界面清爽啊、舒服。习惯性打开开发者模式,console.log 一堆东西。生产出现这个倒不是啥好习惯
    jezal
        36
    jezal  
    OP
       2022-02-17 17:06:59 +08:00 via iPhone
    @Hjxxx 嗯嗯,感谢提醒,正准备删除。😊
    mango88
        37
    mango88  
       2022-02-17 18:33:32 +08:00
    很棒
    jezal
        38
    jezal  
    OP
       2022-02-17 21:39:41 +08:00 via iPhone
    @mango88 感谢鼓励,如有建议,请随时在这里 @我。
    kafeisemang
        39
    kafeisemang  
       2022-02-20 21:20:28 +08:00
    @jezal 能把文件保存到本地吗,比如思维导图存成 xmind 的格式,云端或多或少其实有点不放心
    jezal
        40
    jezal  
    OP
       2022-02-20 22:42:20 +08:00
    @kafeisemang 可以保存到本地,我此刻正在写导入、导出功能。画图本不会封闭绑用户的模式,计划通过通用格式 freemind (.mm ),和其他同类应用打通。
    预计下周内发布,到时将支持和 freemind 、processOn 、Mindnode 、xMind 互通。
    kafeisemang
        41
    kafeisemang  
       2022-02-21 23:20:54 +08:00
    @jezal 哈哈哈,期待 ing
    zong400
        42
    zong400  
       2022-02-22 10:34:27 +08:00
    很不错,收藏一下
    fenglangjuxu
        43
    fenglangjuxu  
       2022-02-22 14:14:00 +08:00
    域名不错~
    zhuzhifen
        44
    zhuzhifen  
       2022-02-22 16:07:49 +08:00
    还不错
    jezal
        45
    jezal  
    OP
       2022-02-24 00:55:21 +08:00
    @kafeisemang
    「文件导入」终于完成了,刚刚发布。
    下一步就该「文件导出」上场了。
    数据是用户的,数据是自由的!
    ✌️
    jezal
        46
    jezal  
    OP
       2022-02-26 00:49:11 +08:00
    @kafeisemang
    发布更新:思维导图「导出功能」已经发布。
    无需登录,也可以直接导出。
    数据是自由的,数据是用户自己的。
    欢迎体验 ✌️
    kafeisemang
        47
    kafeisemang  
       2022-02-26 10:41:44 +08:00
    @jezal 哈哈,支持一波
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3488 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 00:43 · PVG 08:43 · LAX 16:43 · JFK 19:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.