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

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

概述之前发过文章说过:使用Prism.js实现漂亮的代码语法高亮,本博客也使用的是它

之前发过文章说过:href="https://qq52o.me/631.HTML" target="_blank" rel="noopener">使用 Prism.Js 实现漂亮的代码语法高亮,本博客也使用的是它

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

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

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

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

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

                

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

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

总结

以上是内存溢出为你收集整理的纯代码给 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷按钮全部内容,希望文章能够帮你解决纯代码给 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷按钮所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1025146.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)