调整代码块大小?

我正在寻找一个功能或主题,允许我作为读者调整帖子中代码块的大小。

为什么?我们花费大量时间查看日志,根据环境的不同,每行日志可能会有很多“前导信息”。这是一个例子:

7 个赞

也许我们可以重新利用我们的“展开表格”功能来处理代码块……

3 个赞

不过,我还没弄明白如何实现水平缩放,但通过一些 CSS 我实现了垂直缩放:

// 可滚动代码块
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

编辑:好吧……算了。我刚意识到,当代码块很短时,上面的代码会让 div 变得太高。:frowning:

2 个赞

这可能是一个天真的建议,但 white-space: break-spaces; 是否可以实现自动换行?

1 个赞

我今年早些时候确实做了一些工作来全屏代码块。首先,您必须启用 show_copy_button_on_codeblocks 设置。然后,任何带有水平滚动条的代码块都会有 2 个按钮——复制按钮和全屏按钮(复制按钮无论如何都会在那里):

然后会显示一个没有水平滚动的模态框:

6 个赞

@Canapin 你真的不希望代码块换行。事实上,这也是我处理的 99% 的帖子都要进行格式化的原因:将不应换行的内容放入代码块中。

另外,谢谢你的建议 @martin。我可能会暂时尝试这个方法,但我仍然希望能够实现内联调整大小…… :crossed_fingers: :innocent:

2 个赞

我已开启 show_copy_button_on_codeblocks,这是一个不错的过渡步骤。:innocent:
值得注意的是,你必须将鼠标悬停在代码块上才能显示按钮。我一开始以为它不起作用。

另外,关于内联可调整大小的代码块,值得指出的是,数据探索器 SQL 编辑器是完全可调整大小的。(我知道这个页面构建方式不同,但是……)

1 个赞

当我启用 show_copy_button_on_codeblocks 时,它不显示复制选项(或展开)。是我还遗漏了什么吗?

1 个赞

如果代码块需要水平滚动,才会显示展开按钮。我不确定为什么复制按钮没有显示。它在您将鼠标悬停在代码块上之前是隐藏的,也许是这个原因?

我安静了一段时间,但我仍然希望能够展开代码块。

目前,我正在弹出窗口中查看代码。回复/引用功能似乎不可用。 :sadpanda: