百度编辑器ueditor实现代码有序排列和颜色高亮

直接在你的文章显示页面加上以下文件

<link rel="stylesheet" type="text/css" href="ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript" charset="utf-8" src="ueditor/third-party/SyntaxHighlighter/shCore.js"></script>

然后在script调用这个方法

SyntaxHighlighter.all();

以上就ok了,数据如何取出来，跟以前一样，如果是thymeleaf，直接th:utext=${…}，美化代码的事交给以上两个文件。
还有就是显示代码的页面和编辑代码的页面没有关系，在使用编辑器编辑时，代码是看不出高亮的效果的，只有编辑好了在显示页面才能看到效果，编辑页面也不需要导入额外的文件。