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

推荐一个将 markdown 列表转化为 tree 命令树形格式的工具

  •  
  •   shanyue · 2022-01-11 10:14:33 +08:00 · 2484 次点击
    这是一个创建于 807 天前的主题,其中的信息可能已经有所发展或是发生改变。

    image.png

    写文章时更加方便,再也不用手动画线了。

    地址: https://devtool.tech/tree

    13 条回复    2022-03-04 09:08:14 +08:00
    pkwenda
        1
    pkwenda  
       2022-01-11 12:28:41 +08:00   ❤️ 2
    有两个疑问:
    1 、左边的是怎么生成的
    2 、和 tree 命令有什么区别,貌似一样

    ![image.png]( https://s2.loli.net/2022/01/11/qDRTinSJLjofA9u.png)
    shanyue
        2
    shanyue  
    OP
       2022-01-11 14:30:28 +08:00
    @pkwenda 左边的是手动 markdown 列表写的,毕竟写文章时用真实目录需要做下脱敏的处理
    4ark
        3
    4ark  
       2022-01-14 16:40:42 +08:00
    对于只需要展示部分目录的情况,这个工具挺有用的,解决了我的需求。
    但是希望在左侧按 tab 键不会切换输入框焦点,而是直接新增一个子层级。
    yunser
        4
    yunser  
       2022-01-15 11:33:21 +08:00 via iPhone
    打个广告,类似的目录树生成工具
    https://mp.weixin.qq.com/s/V5KplBKEhhPQPwTqVf5EAQ
    yunser
        5
    yunser  
       2022-01-15 11:35:42 +08:00 via iPhone
    但有个疑问,既然需要手动维护左边的树,直接维护右边的树工作量差别不大吧。
    brust
        6
    brust  
       2022-01-18 10:20:00 +08:00
    无聊试试 删除新增同一行的空格发现有 bug

    1.Application error: a client-side exception has occurred (see the browser console for more information).
    2.删除空格后 文档树对不准
    shanyue
        7
    shanyue  
    OP
       2022-01-21 15:54:58 +08:00
    @4ark Tab 键新增子层级很有用,我添加一下
    shanyue
        8
    shanyue  
    OP
       2022-01-21 15:56:20 +08:00
    @brust 删除空格后,对不准这条什么意思了
    shanyue
        9
    shanyue  
    OP
       2022-01-21 15:56:44 +08:00
    @yunser 还是不一样的,右边的目录树特别是最后一行很难手动敲出来
    brust
        10
    brust  
       2022-01-21 16:01:37 +08:00
    @shanyue #8
    brust
        11
    brust  
       2022-01-21 16:03:58 +08:00
    @shanyue #8
    在+ react-app 前面加空格就直接 error 了
    Application error: a client-side exception has occurred (see the browser console for more information).
    4ark
        12
    4ark  
       2022-02-11 16:01:38 +08:00
    再提几个问题:
    1. 左侧编辑体验还是不太好,不过可以用 vscode 先编辑好
    2. 支持从右侧的数据恢复(有时候复制了成品,后续想再修改又得重来一遍
    3. 右侧数据过高时会直接超出文本框
    shanyue
        13
    shanyue  
    OP
       2022-03-04 09:08:14 +08:00
    @brust 好的,已修复
    @4ark 感谢建议
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1301 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 17:48 · PVG 01:48 · LAX 10:48 · JFK 13:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.