内容简介:

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

html代码要实现预览,第一行代码必须包含html的标准:<!DOCTYPE html>

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

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

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

插件功能:

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

prismjs库内置插件:

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

内置支持的代码格式:

  • php
  • sql
  • nginx

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

内置主题:

  • Tomorrow Night

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

  • https://prismjs.com/download.html

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

效果图片: