小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端设计师,从事过网站建设,响应式网站开发,网络维护,SEO,SEM,网络推广等前端相关工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:[email protected]

Q Q:32362389

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:[email protected]

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:[email protected]

Q Q:97157726

标签云

最新发布

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

分类: 帝国CMS评论(1)96个赞

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

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

 

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

 

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

 

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

32.png

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

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

 

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

21.png

 

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

25.png

 

本站内容均为小米原创,转载请注明出处:小米技术社区>> 如何让帝国cms前台代码高亮显示或变色显示

'); })();