乐于分享
好东西不私藏

【WordPress开源免费插件 – 9】HTML代码高亮预览

本文最后更新于2026-01-02,某些文章具有时效性,若有错误或已失效,请在下方留言或联系老夜

【Wordpress开源免费插件 – 9】HTML代码高亮预览

点击蓝字 关注我们

这个插件是本站用于分享部分HTML代码使用的,代码高亮是基于prismjs库,代码高亮只支持HTML,其他代码以markup的方式显示。

html代码要实现预览,第一行代码必须包含html的标准:<!DOCTYPE html>如果第一行代码没有这个,就不以html的方式显示,也就不显示预览按钮了。经典编辑器的工具栏上面一个“插入HTML代码”的快捷入口。

插件功能:

  • 通过短代码插入HTML代码,前台高亮代码以及预览代码效果。

prismjs库内置插件:

  • Line Highlight (代码高亮)
  • Line Numbers(代码前面显示行号)
  • Toolbar(工具栏,因为要复制这个必须带)
  • Copy to Clipboard Button(复制代码按钮)
  • Match braces(匹配括号)

内置支持的代码格式:

  • php
  • sql
  • nginx

因为没有做专门的适配,只要不是html就默认走

WordPress

全球最大基于Wordpress开发的AI工具网站

个人免费开源Wordpress插件主题超过150款

参与过Wordpress核心中文翻译等贡献

WordPress博客11年 写过多篇图文、视频教程

■ 关于:万能小半

■ 更新:随心随缘

■ 封面:截图

■ 音乐:-

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 【WordPress开源免费插件 – 9】HTML代码高亮预览
×
订阅图标按钮