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

2022-01-11 10:14:33 +08:00
 shanyue

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

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

2526 次点击
所在节点    分享创造
13 条回复
pkwenda
2022-01-11 12:28:41 +08:00
有两个疑问:
1 、左边的是怎么生成的
2 、和 tree 命令有什么区别,貌似一样

![image.png]( https://s2.loli.net/2022/01/11/qDRTinSJLjofA9u.png)
shanyue
2022-01-11 14:30:28 +08:00
@pkwenda 左边的是手动 markdown 列表写的,毕竟写文章时用真实目录需要做下脱敏的处理
4ark
2022-01-14 16:40:42 +08:00
对于只需要展示部分目录的情况,这个工具挺有用的,解决了我的需求。
但是希望在左侧按 tab 键不会切换输入框焦点,而是直接新增一个子层级。
yunser
2022-01-15 11:33:21 +08:00
打个广告,类似的目录树生成工具
https://mp.weixin.qq.com/s/V5KplBKEhhPQPwTqVf5EAQ
yunser
2022-01-15 11:35:42 +08:00
但有个疑问,既然需要手动维护左边的树,直接维护右边的树工作量差别不大吧。
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
2022-01-21 15:54:58 +08:00
@4ark Tab 键新增子层级很有用,我添加一下
shanyue
2022-01-21 15:56:20 +08:00
@brust 删除空格后,对不准这条什么意思了
shanyue
2022-01-21 15:56:44 +08:00
@yunser 还是不一样的,右边的目录树特别是最后一行很难手动敲出来
brust
2022-01-21 16:01:37 +08:00
@shanyue #8
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
2022-02-11 16:01:38 +08:00
再提几个问题:
1. 左侧编辑体验还是不太好,不过可以用 vscode 先编辑好
2. 支持从右侧的数据恢复(有时候复制了成品,后续想再修改又得重来一遍
3. 右侧数据过高时会直接超出文本框
shanyue
2022-03-04 09:08:14 +08:00
@brust 好的,已修复
@4ark 感谢建议

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/827491

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX