从春节到现在,做了这个东西 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的品展示区。
jezal
V2EX    分享创造

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

  •  4
     
  •   jezal 2022-02-13 22:28:38 +08:00 7832 次点击
    这是一个创建于 1338 天前的主题,其中的信息可能已经有所发展或是发生改变。
    从春节到现在,假期周末都没闲着。
    做了个画脑图、流程图的网站。
    朋友帮忙搭的基础框架,我接手优化体验。
    边学 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
    ethsol
        42
    ethsol  
       2022-02-22 10:34:27 +08:00
    很不错,收藏一下
    keepfun
        43
    keepfun  
       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     Solana     1239 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 23:34 PVG 07:34 LAX 16:34 JFK 19:34
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86