首页 >

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

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

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

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

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

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



百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行
  • 织梦DedeCMS{dede:datalist}标签中runphp无效的解决办法
  • 织梦DedeCMS{dede:datalist}标签中runphp无效的解决办法 | 织梦DedeCMS{dede:datalist}标签中runphp无效的解决办法 ...

    百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行
  • 织梦DedeCMS如何在列表页调用body内容字段
  • 织梦DedeCMS如何在列表页调用body内容字段 | 织梦DedeCMS如何在列表页调用body内容字段 ...

    百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行
  • 织梦DedeCMS修改水印坐标调整水印位置教程
  • 织梦DedeCMS修改水印坐标调整水印位置教程 | 织梦DedeCMS修改水印坐标调整水印位置教程 ...