每次都要在停靠栏上面点击大纲很麻烦而且不太直观,想要大纲导航能够悬浮悬浮在文档上,怎么做?
如何做到大纲悬浮?
相关帖子
-
- 其他回帖
-
-
这是我简单实现的效果,但不是真正的悬浮大纲
我是通过下面这两个插件配合 +css 模拟的
第一个插件
第二个插件
怎么做?
首先,用第一个插件在目标文档中插入大纲
然后,用第二个插件把第一个插件插入的大纲设置悬浮
最后,css 代码片段加入以下样式
/* 设置大纲样式 */ div[custom-block-position="sticky"] { position:absolute!important; top: 60px!important; right: 0!important; left: auto!important; background-color: var(--b3-theme-background); } /* 设置编辑器宽度,给大纲让出位置 */ .protyle-wysiwyg{ width:90%; }
注意,这个样式需根据自己情况调整。
缺点,这种方式只能针对某一个文档,不能通用,但如果样式调整好了,后期只需在需要的文档里插入大纲,设为悬浮就好了。
⚠️ 警告:以上只是提供一个思路,这只是一个 demo,不是成品,肯定存在诸多问题,请根据自身情况调整。
另外,我觉得这个大纲应该可以实现,思源已经有 api 可以获取大纲数据,只需要配合 js 和 css 输出并做好兼容应该就可以了。
只是,不知道有没有大佬愿意去做。
个人觉得,这样的需求会不会是小众需求,大纲放到文档里会不会太占空间,尤其是小屏幕的用户,悬浮展示不好吗?毕竟笔记不是浏览器,笔记里通常会打开侧边栏等,而浏览器通常不会。而且,有人看文章时会不停点大纲吗?一般应该只是偶尔操作下吧,如果这样的话,岂不是现有的悬浮方式更合适,没有别的意思,只是疑惑大家为什么有这个需求。
不知道你的想法或理由是什么?
2 回复1 操作wilsons 在 2024-08-12 09:07:18 更新了该回帖 -
- 查看全部回帖
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于