代码块添加左右滑动栏

我在粘贴源码的时候,由于代码太长,obsidian中的代码块自动换行,造成阅读困难,有没有插件可以实现类似语雀上面,在代码块下面添加一个可以左右滑动的栏?

2 个赞

你代码过长不该改代码吗?大部分语言编程规范都严格限制每行字母数啊?

Typora、csdn都可以左右滑呀,有哪位大佬知道OB有无类似插件

你是要我修改spring源码吗?

你记录过开源框架的源码吗 是不是不知道我说的场景?

只有阅读模式有效

code[class*="language-"], pre[class*="language-"] {
    word-break: normal;
    word-wrap: break-word;
    white-space: pre;
}

这段已经加进我的主题里了

2 个赞

成功了!感谢 :smiling_face_with_three_hearts:

非常感谢!!!!!!!

怎么用阿兄弟,得先下载主题吗,我直接放到snippets下不管用呢,非常感谢!

怎么用呢兄弟,我放到snippets下不管用,得先下载主题吗?

你在obsidian设置里开启CCS代码片段了吗,在 设置 —外观—CSS代码片段 可以开启

开启了在设置外观最下面css代码片段,加一个snippet.css文件之后会有一个snippet的开关。我把上面code[class*="language-"], pre[class*="language-"] { word-break: normal; word-wrap: break-word; white-space: pre; }这段代码加进文件里,重新输入代码块和原来一样没有变化呀?

大佬我查了一下 display: inline-block; 在前端的代码里有滑块的意思可不可以这样写 code[class*=“language-”],
pre[class*=“language-”]
{
word-break: normal;
word-wrap: break-word;
white-space: pre;
overflow-x: auto;
display: inline-block;
width: 100%;
height: 100%;
background-color: #f5f5f5;
}

可以的,但是你这样是为了啥?出现滚动条是靠overflow实现的