下载鸥 > 网站下载 > 开发教程 > 帝国CMS

帝国cms编辑器中使用代码高亮的方法

647 2021-02-14 17:03:19

收藏

帝国cms编辑器中使用代码高亮的方法,教大家如何在帝国cms编辑器中整合highlight。

 

1.首先下载highlight
下载地址:https://highlightjs.org/download/
下载解压后styles文件夹里面是风格样式。

2.接下来开始整合到编辑器
在/e/admin/ecmseditor/infoeditor/styles.js 代码中添加

{name:'PreformattedText',element:'pre'},

添加完后编辑器样式会多出一个Preformatted Text选项

在我们需要使用代码高亮的地方使用Preformatted Text样式。

3.在需要使用代码高亮的模板中引入highlight。 可以调整样式在styles文件中,我们这里使用的是tomorrow-night-eighties.css样式。

<link rel="stylesheet" type="text/css" href="[!--news.url--]skin/web/css/tomorrow-night-eighties.css"/>
<script type="text/javascript" src='[!--news.url--]skin/web/js/highlight.js'></script>//放在模板最底部
<script type="text/javascript">hljs.initHighlightingOnLoad();var allpre=document.getElementsByTagName("pre");for(i=0;i<allpre.length;i++){var onepre=document.getElementsByTagName("pre")[i];
var mycode=document.getElementsByTagName("pre")[i].innerHTML;onepre.innerHTML='<code id="mycode">'+mycode+'</code>';}</script>
至此插件整合完成。

本文地址:https://xzo.com.cn/develop/empire/373.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
帝国CMS的下载地址怎样设置点击进入下载页而不弹小窗口
帝国CMS的下载地址怎样设置点击进入下载页而不弹小窗口

帝国cms默认的下载地址是点击后弹窗一个小窗口,用户体验度并不好,但我们可以...

13 689
帝国cms文章编辑怎样默认勾选加水印、远程保存图片?
帝国cms文章编辑怎样默认勾选加水印、远程保存图片?

帝国cms是带有远程保存图片、图片加水印功能的,但都是默认未勾选的状态,我们...

1 352
帝国cms怎样展示会员总数与最新注册的会员名称?
帝国cms怎样展示会员总数与最新注册的会员名称?

如果网站会员数量较多,展示会员总数与最新注册会员名可以有效提升用户留存。...

3 344
帝国cms怎样调用一周内发布的热门榜单信息并按点击排序?
帝国cms怎样调用一周内发布的热门榜单信息并按点击排序?

帝国cms自带的js是可以实现周榜、月榜效果的,但js由于其临时加载的特性,天生...

3 633
帝国cms会员注册怎样跳过选择会员组类型?
帝国cms会员注册怎样跳过选择会员组类型?

帝国cms会员注册必须要选择会员组类型,哪怕你只有一个会员组也一样。那么,我...

0 349
帝国cms自定义页面为什么无法调用描述和关键词?
帝国cms自定义页面为什么无法调用描述和关键词?

帝国cms自定义页面常用于制作一些相对简单的页面,但如果注意过页面tdk,会发现...

0 298
帝国CMS在JS调用登陆模板中调用会员头像
帝国CMS在JS调用登陆模板中调用会员头像

我们在开发帝国cms登陆模板时经常需要调用会员头像,但帝国CMS默认并没有提供...

0 325
帝国cms点击切换视频播放源功能操作流程
帝国cms点击切换视频播放源功能操作流程

帝国cms的视频播放功能比较强大,支持的视频源格式也比较多。但除了使用帝国c...

1 464
推荐插件
帝国cms自动生成文章新闻目录插件下载
帝国cms自动生成文章新闻目录插件下载

用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...

0 954
帝国cms百度AI图像去雾api接口对接插件
帝国cms百度AI图像去雾api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...

0 350
帝国cms网站会员登录与退出历史记录日志插件
帝国cms网站会员登录与退出历史记录日志插件

帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...

0 259
帝国CMS内网用户静态站点文章访客统计插件
帝国CMS内网用户静态站点文章访客统计插件

本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...

0 439
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

0 634
帝国cms在线考试系统模板插件
帝国cms在线考试系统模板插件

一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...

0 1145
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 772
帝国cms纳米数据接口(足球比赛中最新数据)
帝国cms纳米数据接口(足球比赛中最新数据)

帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...

0 162
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入