百度编辑器(UEditor)前台代码高亮无法自动换行解决方法

这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题问题描述:在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的。解决办法:找到高亮代码显示的css文件/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css具体的路径根据你的ueditor做改动找到代码如下:

问题描述:

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em
0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px
solid #ccc!important;

在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的。

澳门新葡亰3522平台游戏,复制代码

解决办法:

改成代码如下:

找到高亮代码显示的css文件
/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em
0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px
solid #ccc!important;word-break:break-all;

具体的路径根据你的ueditor做改动

复制代码

找到