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

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

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

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

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/2a1fda2efbef66cb823658cfef6bc2f1.html