# hljs-enhance
<img src=https://centerkey.com/graphics/center-key-logo.svg align=right width=200 alt=logo>

_Adds a little extra stuff to highlight.js_

[![License:MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/center-key/hljs-enhance/blob/main/LICENSE.txt)
[![npm](https://img.shields.io/npm/v/hljs-enhance.svg)](https://www.npmjs.com/package/hljs-enhance)
[![Build](https://github.com/center-key/hljs-enhance/actions/workflows/run-spec-on-push.yaml/badge.svg)](https://github.com/center-key/hljs-enhance/actions/workflows/run-spec-on-push.yaml)
[![Publish Website](https://github.com/center-key/hljs-enhance/actions/workflows/publish-website.yaml/badge.svg)](https://github.com/center-key/hljs-enhance/actions/workflows/publish-website.yaml)

## Stuff
1. Normalizes code indent to first column of display box
1. Trims whitespace around code
1. Adds border with option for caption (`<figcaption>`)
1. Adds hover effect to syntax highlighting

## See It
[https://center-key.github.io/hljs-enhance](https://center-key.github.io/hljs-enhance/)

## Use It

### From a CDN
[instructions.txt](https://center-key.github.io/hljs-enhance/instructions.txt)

### In a project
```shell
$ npm install hljs-enhance
```

---
[MIT License](LICENSE.txt)