epe
2023 年1 月 18 日 17:16
2
弱弱的问下,现在能用css实现标题自动编号吗?据说以前的版本不行,不知道最近的版本可不可以
无解,ob的节点还是动态更新的,文章一长,编号会乱
分享的非常棒!咋没人顶?
在修改一些失去焦点就会消失的元素很有用
失去焦点消失这个原理是setTimeout(()=>{debugger}, 5000) 这个非常棒!在浏览器环境也可以这样模拟,非常有用!
引用 quote 的缩进不要更改,OB 是通过 js 实时计算的
编辑器里的元素,比如样式啥的,都不能通过js动态修改,只要改了,瞬间就复原,需要通过上层元素来配合修改才行。
不止如此,现在树结构(比如文件管理器)的缩进也不能动,最近修复的时候恶心坏了
被水淹没
2024 年7 月 8 日 08:02
8
请教下大佬,怎样才能做到 左边栏的节点为目录时,如果为空,调整条目的字体透明度或者其他样式?
.nav-folder:not(:has(.nav-folder-children)) {
opacity: 0.5;
}
编辑:上面的不太对,文件夹没有打开的时候也会变灰,下面这个是正确的逻辑
.nav-folder:not(:has(>.nav-folder-children), .is-collapsed) {
opacity: 0.5;
}
分享一个可以在打印后查看当前页面 PDF DOM 节点的插件 obsidian-print-preview ,具体使用请查看插件说明。
一般样式修改关注顶层 DOM 差异即可,也就是加 .print 之类的。但部分中层元素依然存在一些棘手的差异,比如嵌入标题和嵌入块在 PDF 中没有文档中的多层结构,只在父元素下以兄弟元素排成一列最终渲染结果(测试版本 1.8.7),所以可能会出现在编辑和阅读模式下均成功应用 CSS 隐藏的元素,打印时却仍显示,因为 PDF 中无对应选择器。为了快速找出此类问题根源,就适合使用该插件。
大佬,请教!!!
想要实现的是:隐藏被引用的笔记的最高一级的标题
比如我引用了一篇笔记,这篇笔记的最高标题是 一级标题,那就隐藏这个一级标题,但显示一级标题下一行开始的所有内容
如果我引用了一篇笔记其中的某一个二级标题及其以下的所有内容,那就仅隐藏这个二级标题,但显示这个二级标题下一行开始的所有内容
如果我引用了一篇笔记其中的某一个三级标题及其以下的所有内容,那就仅隐藏这个三级标题,但显示这个三级标题下一行开始的所有内容
以此类推
试过了各种隐藏title的css,要么都没用,要么就是隐藏了所有的标题。。。
我的主题里面就有这个功能
Maple Editor > 内嵌块 > 内嵌文件标题移至右上角
源码在 src/editor/embed.scss 里
感谢大佬指路。
我一般不用社区主题,就是直接用的css
经过大佬指路,结合你的主题功能(完全就是我想要的功能)
努力与AI进行了无数轮对话,调试,终于形成了仅css实现这个功能
隐藏被引用的笔记的最高一级的标题
比如我引用了一篇笔记,这篇笔记的最高标题是 一级标题,那就隐藏这个一级标题,但显示一级标题下一行开始的所有内容
如果我引用了一篇笔记其中的某一个二级标题及其以下的所有内容,那就仅隐藏这个二级标题,但显示这个二级标题下一行开始的所有内容
如果我引用了一篇笔记其中的某一个三级标题及其以下的所有内容,那就仅隐藏这个三级标题,但显示这个三级标题下一行开始的所有内容
以此类推
留个代码,可能有其他人会需要:
.internal-embed.is-loaded:not([alt="#"]) .markdown-embed-heading .markdown-preview-section > div:nth-child(2) {
right: 12px;
}
.internal-embed.is-loaded:not([alt="#"]) .obsidian-metatable {
display: none;
}
.internal-embed.is-loaded:not([alt="#"]):not([src*="#^"]) .embed-title:empty + .markdown-embed-content .markdown-preview-section > div:nth-child(3) {
position: absolute;
right: 24px;
top: 8px;
z-index: 99;
opacity: 0;
transition: opacity 0.15s ease-in-out;
}
.internal-embed.is-loaded:not([alt="#"]):not([src*="#^"]) .embed-title:empty + .markdown-embed-content .markdown-preview-section > div:nth-child(3) * {
font-size: 1rem;
cursor: pointer;
line-height: 1rem;
}
.internal-embed.is-loaded:not([alt="#"]) .markdown-embed-title {
opacity: 0;
position: absolute;
z-index: 99;
width: fit-content;
right: 28px;
left: unset;
font-size: 1rem;
top: 4px;
line-height: 28px;
height: 28px;
padding: 0 8px;
transition: opacity 0.15s ease-in-out;
cursor: pointer;
}
.internal-embed.is-loaded:not([alt="#"]):hover .embed-title:empty + .markdown-embed-content .markdown-preview-section > div:nth-child(3) {
opacity: 1;
}
.internal-embed.is-loaded:not([alt="#"]):hover :is(.markdown-embed-title, .markdown-embed-link, .file-embed-link:hover svg) {
opacity: 1;
color: var(--text-normal);
}
.internal-embed.is-loaded:not([alt="#"]) :is(.markdown-embed, .file-embed) .markdown-preview-view {
padding: calc(var(--font-text-size, 16px) * 1.5);
padding-bottom: calc(var(--font-text-size, 16px) * 1.2);
}
/* 兼容性调整,确保在不同主题下都能正常显示 */
.markdown-preview-view .internal-embed {
position: relative;
}
.markdown-embed-title {
background: var(--background-primary, #ffffff);
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* 暗色模式适配 */
.theme-dark .markdown-embed-title {
background: var(--background-primary, #1e1e1e);
}