最新公告
  • 欢迎您光临329687站长资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 帝国cms编辑器中使用代码高亮的方法,教大家如何在帝国cms编辑器中整合highlight。

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

    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样式。

    <linkrel="stylesheet"type="text/css"href="[!--news.url--]skin/web/css/tomorrow-night-eighties.css"/>
    <scripttype="text/javascript"src=&#039;[!--news.url--]skin/web/js/highlight.js&#039;></script>//放在模板最底部
    <scripttype="text/javascript">hljs.initHighlightingOnLoad();varallpre=document.getElementsByTagName("pre");for(i=0;i<allpre.length;i++){varonepre=document.getElementsByTagName("pre")[i];varmycode=document.getElementsByTagName("pre")[i].innerHTML;onepre.innerHTML=&#039;<codeid="mycode">&#039;+mycode+&#039;</code>&#039;;}</script>

    至此插件整合完成。


    329站长网 » 帝国cms编辑器中使用代码高亮的方法

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    329687站长资源网
    一个专注于各种网站源码、程序模板、技术教程分享的站长资源下载平台
    • 5会员总数(位)
    • 2077资源总数(个)
    • 127本周发布(个)
    • 24 今日发布(个)
    • 209稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情