SyntaxHighlighter 插件实现长代码自动换行

SyntaxHighlighter 是一个使用 JavaScript 编写的,功能齐全的代码语法高亮的软件。如果一行代码或注释太长的话在页面中显示时需要分成多行显示,可以通过引入下面的 css,强制长代码换行。

解决方法:

1、进入 SyntaxHighlighter 的目录,位于 WordPress 站点下的 /wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles 文件夹。

2、编辑 shCore.css 文件,在文件尾部插入以下代码。

.syntaxhighlighter{width:100%!important;}
.syntaxhighlighter .line {
    white-space: pre-wrap !important;
    word-break: break-all;
}
.syntaxhighlighter .gutter .line{width:22px !important;}
.syntaxhighlighter td.code .container::before, .syntaxhighlighter td.code .container::after {display: none;}

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

CAPTCHAis initialing...