温馨提醒
如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢
本文最后更新于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进行处理。


评论0+