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

时间：2014-11-10 17:18:11 阅读：220 评论：0 收藏：0 [点我收藏+]

标签：style blog io color ar os sp 文件 div

这两天本站成功安装整合了百度编辑器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写法不一样,只要对应的位置加上这个强制换行就可以了

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

标签：style blog io color ar os sp 文件 div

原文地址：http://www.cnblogs.com/itafter/p/4087224.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行