工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > 帝国cms > 正文

帝国cms实现代码高亮方法三

发布时间:2021-07-04 22:53:11作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

今天搜“高亮”一词无意间看到之前phpcms实现代码高亮的文章,于是想到这个方法可不可以用到帝国cms上,说干就干,结果发现是如此的简单,可以这么说,本文的方法是实现帝国cms代码高亮最简单且效果最好的方法。

相比codesnippet,codeblock有少到极致的文件、不用费劲吧啦地添加行号和无需渲染、无需引入js的优势,方法如下:

帝国cms集成codeblock实现代码高亮.rar
90a7533d41e4646fc7a5d31ea47f54eb.rar (11.36 KB)

下载上面的文件,解压后把codeblock文件夹复制到e/admin/ecmseditor/infoeditor/plugins下,打开e/admin/ecmseditor/infoeditor/config.js,在下面这两个地方添加codeblock。

items: ['Image', 'etranmore', 'Flash', 'etranmedia', 'etranfile', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr', 'CodeBlock']
config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,codeblock';

一定要注意大小写,否则会出现编辑器不显示或显示但没有codeblock模块的情况,完了刷新缓存,你就可以看到编辑器多了一个图标。

codeblock图标

最后把contents.css加到模板头部,本文提供的contents.css是直接从我网站复制的,解决了样式上的一些问题。

我记得刚开始研究帝国cms代码高亮试过这个方法,当时没有实现我就放弃了,这次这么容易实现,大概是因为前几天我升级codesnippet相关文件导致编辑器无法显示,对这一问题的排查和解决加深了我对编辑器集成组件的理解。

大家都知道我博客是由phpcms转到帝国cms的,为了保证之前的高亮效果正常,contents.css就没有删,既然如此,那我就集成两个代码高亮组件,想用哪个用哪个。

本文标签帝国cms代码高亮 ,您可以阅读与「帝国cms代码高亮 」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:帝国cms接入QQ和微博登录的教程及插件下载下一篇:帝国cms换域名后如何批量替换会员头像路径

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi