欢迎来到山村网

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

2019-03-02 11:07:04浏览:781 来源:山村网   
核心摘要:这两天本站成功安装整合了百度编辑器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写法不一样,只要对应的位置加上这个强制换行就可以了
(责任编辑:豆豆)
下一篇:

flex中使用RadioButtonGroup时取出所选项的值的方法

上一篇:

网站如何设计用户密码重设功能

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com