百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行

2019-10-24,,

百度编辑器的代码高亮部分非常好看,但是有时候代码过长,在后台预览时没有问题,一发布到前台页面就有可能不会自动换行,尤其是在移动设备上查看,效果很差。

找到/bdeditor/third-party/SyntaxHighlighter中的shCoreDefault.css样式文件,在.syntaxhighlighter中加入word-break:break-all;

.syntaxhighlighter{word-break:break-all;}

设置完成之后,前台的高亮代码就会自动的换行了,移动设备上效果也就出来了。

《百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行.doc》

下载本文的Word格式文档,以方便收藏与打印。