如何让SyntaxHighlighter显示的长代码自动换行

以前用SyntaxHighlighter插入的代码经常出现下面有个滚动条的情况,非常难看,不难看出,原因是由于有些代码太长造成的,那么如何去掉滚动条呢?显然,如果长代码能自动换行,问题就能得到解决。

方法:

找到wp-contentpluginswp-syntaxhighlightersyntaxhighlighter3styles文件夹下的shCore.css和shCoreDefault.css文件,找到下面的代码

.syntaxhighlighter .line {
  white-space: pre !important;
}

将中间的一行删除或注释掉。如下:

syntaxhighlighter .line {
  /*white-space: pre !important;*/
}

保存,收工。

打赏

发表评论

电子邮件地址不会被公开。