加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

纯代码给 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷

发布时间:2020-12-14 14:42:29 所属栏目:wordpress 来源:网络整理
导读:之前发过文章说过:,本博客也使用的是它 直接写代码发布的话,灰茫茫一片,很丑,所以有了 Prism.js 引用的代码片段就变得有了好看的样式 但是作为技术博客,每篇文章基本上都会有代码,而 Prism 使用语义化的 元素和 元素来标记代码区块,每次都要手动敲的

之前发过文章说过:,本博客也使用的是它

直接写代码发布的话,灰茫茫一片,很丑,所以有了 Prism.js 引用的代码片段就变得有了好看的样式

但是作为技术博客,每篇文章基本上都会有代码,而 Prism 使用语义化的

 元素和  元素来标记代码区块,每次都要手动敲的话还是很麻烦的

所以这篇文章就是一个小技巧,怎么在 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷按钮

打开你的 functions.php 文件,加入以下代码


        
        

然后保存,这样一来,我们在编辑文章的时候,切换到文本模式

纯代码给 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷按钮

直接点击编辑器上的按钮,就可以添加对应的片段,不用每次费事的一个一个敲了

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读