Skip to content

能否优化查看模式和预览模式 #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ONIONLYONE opened this issue Sep 28, 2024 · 10 comments
Closed

能否优化查看模式和预览模式 #31

ONIONLYONE opened this issue Sep 28, 2024 · 10 comments

Comments

@ONIONLYONE
Copy link

感谢大佬开发,请问能否设置默认开启预览模式和查看模式,每次打开文档都需要重新开启,比较麻烦。另外查看模式能否实现隐藏所有功能键(包括刷新,保存等等),这样比较纯粹,谢谢。

@BryceAndJuly
Copy link
Owner

那你改它的初始值好了,让它默认打开查看模式

1、调整viewModeEnabled的初始值,默认开启查看模式。

打开Whiteboard/assets/index-c894b550.js,搜索:

zoom:{value:1},viewModeEnabled:!1

改成:

zoom:{value:1},viewModeEnabled:!0

2、查看模式下隐藏【保存】、【刷新】按钮

打开Whiteboard/assets/index-8a263e3d.css,在末尾加上以下两个样式并保存。

/* 查看模式下,隐藏【保存】、【刷新】按钮 */
div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #refreshBtn {
    display: none;
}
div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #saveBtn{
    display: none;
}

备注:通过快捷键Alt+R来关闭查看模式时如果没生效,大概因为白板没获得焦点,可以鼠标点一下左下角的【重置缩放】后再按。或者直接鼠标右键菜单来关闭查看模式

@ONIONLYONE
Copy link
Author

那你改它的初始值好了,让它默认打开查看模式

1、调整viewModeEnabled的初始值,默认开启查看模式。

打开Whiteboard/assets/index-c894b550.js,搜索:

zoom:{value:1},viewModeEnabled:!1

改成:

zoom:{value:1},viewModeEnabled:!0

2、查看模式下隐藏【保存】、【刷新】按钮

打开Whiteboard/assets/index-8a263e3d.css,在末尾加上以下两个样式并保存。

/* 查看模式下,隐藏【保存】、【刷新】按钮 */
div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #refreshBtn {
    display: none;
}
div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #saveBtn{
    display: none;
}

备注:通过快捷键Alt+R来关闭查看模式时如果没生效,大概因为白板没获得焦点,可以鼠标点一下左下角的【重置缩放】后再按。或者直接鼠标右键菜单来关闭查看模式

大佬,我用记事本修改试了一下。
第一个改完之后内容显示空白了,只有左上角的【保存】和右上角的【刷新】还在,除此之外啥都没有,也不能通过右键或alt+R也无法退出查看模式。新建挂件也是空白+【保存】【刷新】两个按钮。把代码改回来也没有变化,只能卸载挂件重装。
第二个测试了没有问题。但想请问下左上角的菜单按钮和坐下的缩放按钮也能隐藏吗?
谢谢。

@BryceAndJuly
Copy link
Owner

不应该啊,我试了可以才发给你的。你挂件版本是V1.3.2吗?第一个你用搜索和替换,别手动删,手动删容易把搜索的内容一起删了。

@BryceAndJuly
Copy link
Owner

查看模式下,隐藏左下、左上按钮的话,试试这个吧

.excalidraw.excalidraw--view-mode .Stack_vertical {
    display: none;
}

@ONIONLYONE
Copy link
Author

ONIONLYONE commented Sep 28, 2024

不应该啊,我试了可以才发给你的。你挂件版本是V1.3.2吗?第一个你用搜索和替换,别手动删,手动删容易把搜索的内容一起删了。

image
版本是最新的1.3.2,我用替换也是一样。大佬我猜测是图层问题,所以先建了文档,输入了内容,再斜杠插入挂件,更改代码后重新打开文档后变成了图片这样。

@BryceAndJuly
Copy link
Owner

default.mp4

@ONIONLYONE
Copy link
Author

default.mp4

能否提供一下修改后的js文件我替换试试,我不清楚是不是记事本修改的问题,我不会编程,感谢。

@BryceAndJuly
Copy link
Owner

只是改一下查看模式的初始值,不应该影响什么图层吧。我用的也是发布版本。你解压后替换试试吧。
index-c894b550.zip

@BryceAndJuly
Copy link
Owner

修改完挂件记得清一下缓存或者重启一下笔记软件,让它加载修改后的版本

@ONIONLYONE
Copy link
Author

只是改一下查看模式的初始值,不应该影响什么图层吧。我用的也是发布版本。你解压后替换试试吧。 index-c894b550.zip

佬,可以了,应该是记事本的问题,我没有编程软件,用记事本修改的。太太太感谢啦。如果后续大佬有更新挂件的想法的话可以考虑默认查看模式和预览模式都是开启的,我觉得用户除了在绘图时,大部分情况都是用于查看的,也许默认开启查看模式和预览模式会比较好。再次感谢大佬开发,这个挂件很大程度上解决了思源笔记白板上的短板。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants