使用了自定义块样式,但是插件需要每个都手动调整,太麻烦了
-
思源笔记
23014 引用 • 92571 回帖
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
-
Q&A
8447 引用 • 38481 回帖 • 155 关注
提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。
相关帖子
- 其他回帖
-
大佬,我自己学了下前端的基础知识,让 ai 跑了一段代码,目的是让自定义属性 lunkuoxian="T"的标题块里面的超级块自定义样式。
// 定义一个函数来处理样式的应用 function applyStylesToSbElements() { // 找到所有 class 为 "h1" 且 custom-lkx 属性为 "T" 的 div 元素 const startDivs = document.querySelectorAll('div.h1[custom-lkx="T"]'); // 遍历这些元素 startDivs.forEach(startDiv => { // 为当前元素添加样式或类名 startDiv.classList.add('selected'); // 标记起始元素 // 获取当前元素之后的所有兄弟元素 let sibling = startDiv.nextElementSibling; while (sibling) { // 如果兄弟元素是 h1 类,停止应用样式 if (sibling.classList.contains('h1')) { break; // 停止应用样式 } // 如果兄弟元素是 div,检查是否有 class="sb" if (sibling.tagName === 'DIV' && sibling.classList.contains('sb')) { // 为具有 class="sb" 的元素添加边框样式 sibling.style.border = '2px solid #adbde8'; } sibling = sibling.nextElementSibling; // 移动到下一个兄弟元素 } }); } // 当 DOM 完全加载后执行函数 document.addEventListener('DOMContentLoaded', applyStylesToSbElements);
这段代码在思源里面没啥反应 😭 ,具体应该怎么做
-
JeffreyChen • • 1 赞同
比如用这个代码片段,但看起来会跟嵌入块一样,有需要的话自己改改颜色:
.protyle-wysiwyg [data-node-id].sb { border: 2px dashed var(--b3-theme-on-surface-light); }
1 回复 -
JeffreyChen • • 1 赞同
换成这个代码片段:
.protyle-wysiwyg:not([custom-sb-border="false"]) [data-node-id].sb { border: 2px dashed var(--b3-theme-on-surface-light); }
然后给不需要应用样式的文档添加这个自定义属性:
2 回复 - 查看全部回帖