Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
jezal

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

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