Lazyfoo Highlight Code

Add code highlight to LazyFoo's code snippets in the tutorials section, updated to HLJS 11.6, no jQuery, switchable theme.

Verze ze dne 21. 07. 2022. Zobrazit nejnovější verzi.

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

Autor
jamescodesthings
Hodnocení
0 0 0
Verze
1.3
Vytvořeno
21. 07. 2022
Aktualizováno
21. 07. 2022
Size
1,4 KB
Licence
MIT
Spustit na

LazyFoo syntax hightlighing

This is an updated fork of https://greasyfork.org/en/scripts/24030-lazyfoo-highlight-code

Updates

  • Fixed GM_getResourceText use
  • Fixed @include rule and updated to @match
  • Removed JQuery Dependecy
  • Updated HLJS to 11.6
  • Added the default dark mode theme from hljs
  • Added a switch to allow for switching to default theme.
  • Added a fallback that works without GM_getResourceText for use with https://apps.apple.com/gb/app/userscripts/id1463298887

Choosing a different theme

You can pick other themes here: https://highlightjs.org/static/demo/

And use the .css file from a CDN here: https://cdnjs.com/libraries/highlight.js

Example:

// @resource    A11Y_DARK https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/a11y-dark.min.css
//...
const themeCss = GM_getResourceText("A11Y_DARK");