希望可以折叠代码
能否写一个代码片段来折叠过长的代码，例如 CSDN 的代码 😄
-
思源笔记
22080 引用 • 88157 回帖 • 2 关注
思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。
融合块、大纲和双向链接，重构你的思维。
-
代码片段
55 引用 • 307 回帖
代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]或[js]用于区分代码片段类型。 -
Q&A
7972 引用 • 36476 回帖 • 166 关注
提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
1 操作
JeffreyChen
在 2024-10-03 16:49:46 更新了该帖
相关帖子
被采纳的回答
-
wilsons • • 4付费者 捐赠者
我在 @JeffreyChen 的基础上，增加了 js 代码，不知是否是你想要的效果。
亮色主题样式
暗色主题样式
js 代码如下 （仅需把下面代码放到 js 片段即可，代码中已含 css）
参数说明：
const codeMaxHeight = 300，当代码块内容高度超出多少像素是折叠，注意：这里的高度是指.hljs 元素的高度，默认是 300px
请输入回帖内容
...
-
我在 @JeffreyChen 的基础上，增加了 js 代码，不知是否是你想要的效果。
亮色主题样式
暗色主题样式
js 代码如下 （仅需把下面代码放到 js 片段即可，代码中已含 css）
参数说明：
const codeMaxHeight = 300，当代码块内容高度超出多少像素是折叠，注意：这里的高度是指.hljs 元素的高度，默认是 300px3 回复这个需求比较好玩啊EmberSky • - 其他回帖
-
- 折叠请等待 EmberSky 大佬的改进。
- 我这边无法重新你说的问题，如果问题能重复出现，请附上测试数据，并详细说明重现步骤。
- 新版改进了，新增代码块时，思源代码块固定高度，无法滚动到底部定位光标问题。
1 回复1 引用 - 查看全部回帖
