1. 首页>
  2. 技术文章>
  3. 修复UEditor代码高亮不自动换行

修复UEditor代码高亮不自动换行

5/29/17 8:38:51 AM 浏览 1734 评论 1

UEditor

最近系统在整合ueditor,这个传说中功能强大的百度编辑器,但代码高亮部分一长却没有换行,网上查了下是百度的BUG,找到代码高亮的样式文件shCoreDefault.css,按关键字搜索:.syntaxhighlighter{ ,找到后在代码后面添加强制换行的代码,代码修改后如下:

.syntaxhighlighter{
      background-color:#f5f5f5!important;
      word-break:break-all;
}

而使用ueditor的代码高亮也十分简单,只需要引入一个js和css文件,再加点代码就可以了,如下:

<script type="text/javascript" src="/resource/shCore.js"></script>
<link rel="stylesheet" type="text/css" href="/resource/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>


网友讨论

1楼 10/29/17 9:24:33 PM
文章不错哦