# WordPress HTML代码高亮插件小半HTML代码预览插件

*Published:* 2025-04-01
*Author:* 飞翔001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2025年4月1日，已超过 180天没有更新



小半HTML代码预览插件基于prismjs库，支持HTML代码高亮与预览，内置多种代码格式和主题，可按需扩展。

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

![](https://www.xarjtc.com/wp-content/uploads/2025/04/3af06f5757ab6f6.webp)

html代码要实现预览，第一行代码必须包含html的标准：

如果第一行代码没有这个，就不以html的方式显示，也就不显示预览按钮了。

经典编辑器的工具栏上面一个“插入HTML代码”的快捷入口。

插件名称：小半HTML代码预览

插件功能：

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

prismjs库内置插件：

Line Highlight (代码高亮)

Line Numbers(代码前面显示行号)

Toolbar(工具栏，因为要复制这个必须带)

Copy to Clipboard Button(复制代码按钮)

Match braces(匹配括号)

内置支持的代码格式：

Markup + HTML + XML + SVG + MathML + SSML + Atom + RSS

CSS

C-like

JavaScript

php

sql

nginx

因为没有做专门的适配，只要不是html就默认走Markup，所以勾不勾选其他语言都一样。

内置主题：

Tomorrow Night

prismjs库可以自己到官方按需勾选重新下载替换：

https://prismjs.com/download.html

可以选择你喜欢的其他主题或者想要的其他插件，语言的话，你要是勾选其他的，也想要对应的高亮，需要自己改代码。

  

下载地址

 [ 本地下载

 

 

 ](https://www.xarjtc.com/?golink=aHR0cHM6Ly9pbWcucWl5dWNsb3VkLmNvbS9tb2Jhbi93cC93cC1odG1sLWhpZ2hsaWdodC1wcmV2aWV3LnppcA==)密码：无