解决UEditor代码高亮不自动换行的BUG


 UEditor百度编辑器很好用,现在最新版本是1.4.3.3版本,代码高亮这个功能也很有用,但是本站集成百度编辑器之后却发现,代码高亮不自动换行,把父标签撑大了,针对这个问题,从网上找了下解决方案,解决了这个问题,经手机端测试没问题,算是解决了这个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;
}

最后的样式代码如上;

声明:TIL|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA[ZH]协议进行授权

转载:转载请注明原文链接 - 解决UEditor代码高亮不自动换行的BUG


Life is very interesting. In the end, some of your greatest pains become your greatest strengths.