当前位置:主页 > 织梦教程 >

织梦替换UEditor百度编辑器后代码高亮不自动换行的BUG解决办法

栏目分类:织梦教程   发布日期:2017-04-15   来源:网络   浏览次数:
UEditor百度编辑器很好用,现在最新版本是1.4.3.3版本,代码高亮这个功能也很有用,但是本站集成百度编辑器之后却发现,代码高亮不自动换行,看到好多网友也在反映代码高亮不换行,把父标

UEditor百度编辑器很好用,现在最新版本是1.4.3.3版本,代码高亮这个功能也很有用,但是本站集成百度编辑器之后却发现,代码高亮不自动换行,看到好多网友也在反映代码高亮不换行,把父标签都撑大了,针对这个问题,我研究了下代码高亮的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;/*加上这行即可*/
}


打赏本站

标签:

Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
织梦标签工具下载 ↑↓
织梦标签工具下载