File: plugin-recipes.rst

package info (click to toggle)
highlight.js 10.7.3%2Bdfsg-2
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 8,332 kB
  • sloc: javascript: 41,059; makefile: 157; python: 29; sh: 20
file content (26 lines) | stat: -rw-r--r-- 623 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.. highlight:: javascript

Recipes
==============

Below is a collection of useful plugin "recipes" that you might find helpful.


data-language
-------------

Let's say you'd like to track the language that was auto-detected via a
`data attribute <https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes>`_.
This might prove useful if you desired to add a dynamic label
via CSS with ``:before``, etc.

::

    hljs.addPlugin( {
      'after:highlightElement': ({el, result}) => {
        // move the language from the result into the dataset
        el.dataset.language = result.language }
    })