0 732 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

如果您认可我们的分享,有意与我们合作开展帝国cms网站建设与开发业务或插件定制,请联系右侧在线客服。我们能给您的,就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创,如果是转载的优质文章,我们也都标注了出处。如果您喜欢我们的文章,请按照下载鸥所标注的文章出处进行标注,谢谢您的配合。

帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用。
当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。
其实博客与企业站是很像的,只是多了一些功能如博主信息展示、点赞数、评论数...
在帝国cms的开发应用中,标题作为文章的主体往往需要表意明显才能获得更好的...
帝国cms灵动标签是可以按照字母调用信息的,通过按字母调动,可以在信息分类时...
很多用惯了织梦CMS的朋友在用帝国以后就会非常困惑,因为织梦CMS他的栏目是有...
许多帝国cms带有多语言版本,如果每个语言都添加一次程序,不仅开发比较麻烦,维...
我们知道,帝国cms既可以做动态页,也可以做静态页,还可以做伪静态页。那么,他们...
帝国cms根据关键词调用相关文章,每个关键词调用信息不超过4条,如果关键词和栏...
视频文件默认会被pc浏览器直接打开,此时download属性也同样无效。那么,要怎样...
通过本插件,可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...
帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...
百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...
用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...
本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...
本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...
通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...
帝国CMS自带的搜索功能虽然强大,但也有很强的局限性 -- 必须关键词完全匹配...