DMZJWZ 资料网,php、asp.net、javascript 等资源免费分享平台
  • 网页制作
  • CSS
  • 百度编辑器ueditor前台代码高亮无法自动换行解决方法

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

作者:徐忠发布日期:2020-02-24分类: CSS

这篇文章主要介绍百度编辑器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写法不一样,只要对应的位置加上这个强制换行就可以了

保存,推出,试试吧

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

欢迎使用手机扫描访问本站