从春节到现在，做了这个东西 - V2EX
Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
jezal

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

  •  4      
  •   jezal Feb 13, 2022 8357 views
    This topic created in 1573 days ago, the information mentioned may be changed or developed.
    从春节到现在，假期周末都没闲着。
    做了个画脑图、流程图的网站。
    朋友帮忙搭的基础框架，我接手优化体验。
    边学 React 边做，涨知识了、也累惨了。

    画图本
    https://huatuben.com

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

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