卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章1829本站已运行4109

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

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

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

1.首先下载highlight
下载地址:https://highlightjs.org/download/

下载解压后styles文件夹里面是风格样式。
2.接下来开始资源整合到编辑器 
在/e/admin/ecmseditor/infoeditor/styles.js 代码中添加

{ name: 'Preformatted Text',element: 'pre' },

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

在我们须要使用代码高亮的地方采用Preformatted Text样式。
3.在须要采用代码高亮的模板中引入highlight。 可以调整样式在styles文件中,我们这里使用的就是tomorrow-night-eighties.CSS样式。

 
 //放在模板最底部 
 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 = ''+mycode+''; } 

至此插件资源整合完成。  

相关专题

卓越飞翔博客
上一篇: 帝国CMS如何增加栏目
下一篇: 帝国cms搜索页支持php和动态标签方法
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏