400 76543 55

NEWS/新闻

分享你我感悟

您当前位置> 主页 > 新闻 > 资源分享

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

发表时间:2025-11-03 00:00:00

文章作者:网络

浏览次数:

【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年 写过多篇图文、视频教程

■ 关于:万能小半

■ 更新:随心随缘

■ 封面:截图

■ 音乐:-

相关案例查看更多