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

2020/10/13 16:58 • WordPress • 阅读 1227

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

发表回复