帝国cms更换百度编辑器后如何实现代码高亮

下面谈一谈如何实现代码高亮的问题。

在内容模板引入css文件和js。打开内容模板，添加引入代码。

这个两个文件在ueditor文件下。路径为：/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css。

一、所以我们在打算让其显示高亮的相关内容模板里面添加引入代码。代码如下：

<script type="text/javascript" src="[!--news.url--]e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="[!--news.url--]e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">

添加后如图所示：

二、内容模板里添加引入函数。

我们在显示文章内容的[!--newstext--]后面添加如下代码，然后保存。

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

添加后如图所示：

三、进行数据更新。因为我们修改了模板。这里建议刷新所有信息内容页面。然后清理数据库缓存。

四、进行测试

添加文章，在编辑器里打开代码语言的按钮