hexo-markmap icon indicating copy to clipboard operation
hexo-markmap copied to clipboard

是否可以尝试添加全屏操作

Open touale opened this issue 3 years ago • 9 comments

思维导图过多时,可能看着还不是很方便,是否可以尝试添加全屏,类似图片全屏

touale avatar Jul 19 '22 12:07 touale

你好,似乎 markmap 有 相关包 后续我尝试下如何加入。 最近有点忙~

maxchang3 avatar Jul 22 '22 14:07 maxchang3

还有显示宽度发生变化的时候,例如目录侧边框显示/隐藏导致主显示区宽度发生变化的时候 这时候能提供一个接口刷新显示就更好了 @MaxChang3

appotry avatar Oct 27 '22 12:10 appotry

还有,显示主题问题,有没有白天/黑夜模式主题?

能否提供一个接口实时刷新显示主题

appotry avatar Oct 27 '22 12:10 appotry

实现代码框全屏显示

全屏显示可以参考一下这个的实现方式。再加上一个刷新markmap就可用了

appotry avatar Oct 27 '22 12:10 appotry

@appotry

关于自动适配:这个我已经适配啦~ #39

关于白天黑夜:刷新主题感觉没必要做成接口,真要适配白天/黑夜模式的话,其实完全可以用样式覆盖/添加来实现。比如配合媒体查询(@media(prefers-color-scheme:dark))和 color-scheme 。不过这种操作对 markmap 有点像补丁一样的感觉,其实不是很合适的选择。 后面也许我会把 markmap 外置样式的接口暴露出来这样来实现?

关于全屏显示:我的观点类似于上面的说法。如果能不额外给 markmap 外挂一些 patch 还是最好的。 我明后天试试用上面提到的 toolbox 加进去看看~

maxchang3 avatar Oct 29 '22 14:10 maxchang3

自动适配显示宽度测试还不可用,显示完成后,隐藏目录,markmap不会改变宽度 @MaxChang3

https://blog.17lai.site/posts/40300608/

媒体查询 黑夜模式自动切换似乎是默认就支持的,测试发现可以自动切换

全屏显示也可以zindex 调高一些,然后弹框显示,github对mermaid的显示方式这种方式怎么样? https://github.com/appotry/PTtool 这个页面有个mermaid可以看一下效果

appotry avatar Nov 02 '22 06:11 appotry

@appotry

  1. 明白了,我理解错意思了,我只处理了 window 的 resize 事件。没对其他元素处理,所以只会发生在窗口发生变化的时候。 我再改下~
  2. 因为背景和字体颜色似乎都继承了上级的样子。可以用就好~
  3. 好的,我看下~

maxchang3 avatar Nov 02 '22 09:11 maxchang3

@appotry 修改完成,可以测试一下~ #40

maxchang3 avatar Nov 02 '22 10:11 maxchang3

大赞速度 👍😄 改变markmap显示宽度时,可以自适应调整内部markmap显示大小了 测试页面https://blog.17lai.site/posts/40300608/

appotry avatar Nov 02 '22 13:11 appotry