帝国cms编辑器中使用代码高亮的方法,教导大家如何在帝国cms编辑器中整合highlight。
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样式。
//放在模板最底部
至此插件资源整合完成。