WordPress 代码高亮插件 io code highlight支持经典编辑器和古腾堡代码块

Partner 插件模块 2020-09-5 热度 1.26K℃ 收藏 本文共401个字,预计阅读时间需要2分钟。

WordPress 代码高亮插件,支持经典编辑器和古腾堡代码块,是 prism.js 的方案。

经典编辑器,没什么好说的,看下图

古腾堡区块编辑器,看图。

  • 上传 io-code-highlight目录 到 /wp-content/plugins/ 目录
  • 激活插件,没有设置项,激活就能用。

默认是白色的,如果要黑色,请加入下面的css代码,以后再加设置

.ioch-code-highlight{background-color:#151619;border:0}
:not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}
.ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}
版权声明:本文内容来源于互联网资源,由 蓝魅网络 整理汇总,如有侵权请您与我们联系删除!
其他声明:如未标明出处,所有文章均为蓝魅网络原创,转载请务必保留本文链接,感谢您支持。
蓝魅网络 » WordPress 代码高亮插件 io code highlight支持经典编辑器和古腾堡代码块