您现在的位置是：首页 > 其他 > 其他网站首页其他

UEditor百度编辑器很好用,现在最新版本是1.2.6.0版本,代码高亮这个功能也很有用,但是本站集成百度编辑器之后却发现,代码高亮不自动换行,看到好多网友也在反映代码高亮不换行,把父标签都撑大了,针对这个问题,我研究了下代码高亮的CSS,解决了这个问题,其它很简单,把代码高亮的CSS里加了强制换行的代码"word-break:break-all;",经IE和Chrome测试都没问题,算是解决了这个BUG,跟大家分享一下.

解决方法如下:

找到编辑器所在目录,根据"\third-party\SyntaxHighlighter\shCoreDefault.css"这个路径找到这个文件,然后找到syntaxhighlighter这个类,在这个类下面加上word-break:break-all;强制换行即可.

.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;
    border-radius:4px!important;
    border-collapse:separate!important;
    word-break:break-all;
}