温馨提醒

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

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

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

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

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

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

下载地址
本地下载
密码:无
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系客服QQ3387285338进行处理。