主页 > 知识库 > 百度编辑器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;

改成

复制代码 代码如下:

.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;

就是加上  word-break:break-all;

可能不同的ueditor版本css写法不一样,只要对应的位置加上这个强制换行就可以了

最终效果

您可能感兴趣的文章:
  • 免费开源百度编辑器(UEditor)使用方法
  • ASP.NET中集成百度编辑器UEditor
  • yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法

标签:红河 沧州 乐山 新疆 上海 长治 沈阳 河南

巨人网络通讯声明:本文标题《百度编辑器ueditor前台代码高亮无法自动换行解决方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266