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

2021年10月11日 dedecms织梦教程 暂无评论
百度编辑器的代码高亮部分非常好看,但是有时候代码过长,在后台预览时没有问题,一发布到前台页面就有可能不会自动换行,尤其是在移动设备上查看,效果很差。
 
找到/bdeditor/third-party/SyntaxHighlighter中的shCoreDefault.css样式文件,在.syntaxhighlighter中加入word-break:break-all;
 
.syntaxhighlighter{word-break:break-all;}
 
设置完成之后,前台的高亮代码就会自动的换行了,移动设备上效果也就出来了。
 

给我留言