如何让帝国cms前台代码高亮显示或变色显示

我们都知道帝国cms默认编辑框不能让代码高亮显示，感觉很loser，那么我们如何让代码变色显示呢？我们可以通过百度编辑器来实现

首先我们需要把帝国cms的默认编辑器更换成百度编辑器

之前我已经介绍过如果更换百度编辑器，不知道的可以查看这里操作 ：  帝国CMS如何添加百度编辑器？

百度编辑器添加好后，按如下步骤操作

1、在相关页面引入css文件和js，这个两个文件在ueditor文件下。路径为：/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css

2、在文章页面进行函数调用(要放在变色内容的后面哦)，插入以下代码：

 <script type="text/javascript">
        SyntaxHighlighter.highlight();
        var editor_a = new baidu.editor.ui.Editor();
        editor_a.render( 'myEditor' );
    </script>

3、在后台百度编辑器中选择代码语言

4、OK，大功告成，让我们去前台看看效果吧！