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

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

E-mail:mzze@163.com

Q Q:32362389

W X:xiaomi168527

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

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

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

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

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

E-mail:97157726@qq.com

Q Q:97157726

标签云
精品推荐
  • 帝国cms安全性防护-防患于未然

    帝国cms安全性防护-防患于未然

    帝国cms安全防护主要从以下几个方面来1.如果是展示站点,用不到个人空间,删除e/space文件,并在后台关闭会员注册,并开启验证码,提升安全性严重性:不法分子通过注册账号,在e/s……
    271人已经看过了
  • 帝国cms随机调用信息

    帝国cms随机调用信息

    我们知道,帝国cms随机调用标签是[ecmsinfo]1,5,32,0,0,2,0,”,’rand()’[/ecmsinfo]但是这种调用方式在数据量特别大的时候严重影响生成速度,对于中大型网站不建议使用 我们……
    2825人已经看过了
  • 帝国cms分页列表样式

    帝国cms分页列表样式

    <div class="pagelist">[!--show.listpage--]</div>css/*pagelist*/.pagelist{ text-align:center; overflow: hidden; margin-top:60px; clear: both;}.pageli……
    1777人已经看过了
  • 帝国cms灵动标签用法

    帝国cms灵动标签用法

    1、标题+简介示例:[e:loop={2,1,0,0}] <h1><a href="<?=$bqsr[titleurl]?>" target="_blank" title="<?=$bqr[title]?>"> <?=esub($bqr[title],36)?> </a></h1><p><?=esub($b……
    306人已经看过了
  • 帝国常用标签汇总

    帝国常用标签汇总

    帝国CMS内容页模版如何调用当前栏目名称和链接 <a href="<?=sys_ReturnBqClassname($navinfor,9)?>/">[!--class.name--]</a>……
    293人已经看过了
您的位置:首页 > CMS > 帝国CMS

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

分类: 帝国CMS180个赞

我们都知道帝国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前台代码高亮显示或变色显示