WordPress

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

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

• WordPress • 阅读 2163

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;}

本文为原创文章，著作权归作者所有：来自「KOBIN 技术随笔」作者的原创作品，转载请标明出处。
SyntaxHighlighter 插件实现长代码自动换行
https://blog.kobin.cn/blog/program/p2/546.html
赞 (0)
0 0

评论功能升级维护公告

为响应国家网络信息安全合规要求，并进行全面的安全策略升级，本站自即日起暂时关闭博客的评论功能。

在此期间，您将无法发表新的评论，但仍可正常浏览所有历史文章及现有评论。如果您遇到问题需要协助，可以选择在线留言，或者发送邮件到 chen@kobin.cn 。

对于给您带来的不便，深表歉意。感谢您的理解与支持！

KOBIN 技术随笔
2025 年 8 月 26 日