This is a widget to display code for LabArchives. Use it by pasting the "snippet" of code into the box and enter it into your notebook. Currently, this supports python and javascript. It is based on highlight.js (https://highlightjs.org/)
Open the Widgets manager in LabArchives. Create a new custom widget. Paste html_code in Widgeth Html editor Source, and the script_code in the script editor (make sure both are blank before pasting any code in).
If more code languages are required add them to script_code the array hljs.configure({language:["python", "javascript"]}.
Other available languages are found at https://github.com/highlightjs/highlight.js/blob/master/SUPPORTED_LANGUAGES.md.
Alternative styles can be chosen by editing the html link at the top of the document.
Note the background colour must be changed seperately in script_code: html_code = '<div style="background-color: #282c34"><pre><code>'+doc_url+'</code></pre></div>'.
Find alternatives using: https://highlightjs.org/static/demo/
Current: Atom One Dark: atom-one-dark.min.css
See html_code line: <link href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/atom-one-dark.min.css" rel="stylesheet" />
| Name | Code to use |
|---|---|
| Atom One Dark | atom-one-dark.min.css |
| A 11 Y Dark | a11y-dark.min.css |
| A 11 Y Light | a11y-light.min.css |
| Agate | agate.min.css |
| An Old Hope | an-old-hope.min.css |
| Androidstudio | androidstudio.min.css |
| Arduino Light | arduino-light.min.css |
| Arta | arta.min.css |
| Ascetic | ascetic.min.css |
| Atelier Cave Dark | atelier-cave-dark.min.css |
| Atelier Cave Light | atelier-cave-light.min.css |
| Atelier Dune Dark | atelier-dune-dark.min.css |
| Atelier Dune Light | atelier-dune-light.min.css |
| Atelier Estuary Dark | atelier-estuary-dark.min.css |
| Atelier Estuary Light | atelier-estuary-light.min.css |
| Atelier Forest Dark | atelier-forest-dark.min.css |
| Atelier Forest Light | atelier-forest-light.min.css |
| Atelier Heath Dark | atelier-heath-dark.min.css |
| Atelier Heath Light | atelier-heath-light.min.css |
| Atelier Lakeside Dark | atelier-lakeside-dark.min.css |
| Atelier Lakeside Light | atelier-lakeside-light.min.css |
| Atelier Plateau Dark | atelier-plateau-dark.min.css |
| Atelier Plateau Light | atelier-plateau-light.min.css |
| Atelier Savanna Dark | atelier-savanna-dark.min.css |
| Atelier Savanna Light | atelier-savanna-light.min.css |
| Atelier Seaside Dark | atelier-seaside-dark.min.css |
| Atelier Seaside Light | atelier-seaside-light.min.css |
| Atelier Sulphurpool Dark | atelier-sulphurpool-dark.min.css |
| Atelier Sulphurpool Light | atelier-sulphurpool-light.min.css |
| Atom One Dark Reasonable | atom-one-dark-reasonable.min.css |
| Atom One Light | atom-one-light.min.css |
| Brown Paper | brown-paper.min.css |
| Codepen Embed | codepen-embed.min.css |
| Color Brewer | color-brewer.min.css |
| Darcula | darcula.min.css |
| Dark | dark.min.css |
| Default | default.min.css |
| Default | default.min.css |
| Docco | docco.min.css |
| Dracula | dracula.min.css |
| Far | far.min.css |
| Foundation | foundation.min.css |
| Github | github.min.css |
| Github Gist | github-gist.min.css |
| Gml | gml.min.css |
| Googlecode | googlecode.min.css |
| Gradient Dark | gradient-dark.min.css |
| Grayscale | grayscale.min.css |
| Gruvbox Dark | gruvbox-dark.min.css |
| Gruvbox Light | gruvbox-light.min.css |
| Hopscotch | hopscotch.min.css |
| Hybrid | hybrid.min.css |
| Idea | idea.min.css |
| Ir Black | ir-black.min.css |
| Isbl Editor Dark | isbl-editor-dark.min.css |
| Isbl Editor Light | isbl-editor-light.min.css |
| Kimbie Dark | kimbie.dark.min.css |
| Kimbie Light | kimbie.light.min.css |
| Lightfair | lightfair.min.css |
| Magula | magula.min.css |
| Mono Blue | mono-blue.min.css |
| Monokai | monokai.min.css |
| Monokai Sublime | monokai-sublime.min.css |
| Night Owl | night-owl.min.css |
| Nord | nord.min.css |
| Obsidian | obsidian.min.css |
| Ocean | ocean.min.css |
| Paraiso Dark | paraiso-dark.min.css |
| Paraiso Light | paraiso-light.min.css |
| Pojoaque | pojoaque.min.css |
| Purebasic | purebasic.min.css |
| Qtcreator Dark | qtcreator_dark.min.css |
| Qtcreator Light | qtcreator_light.min.css |
| Railscasts | railscasts.min.css |
| Rainbow | rainbow.min.css |
| Routeros | routeros.min.css |
| School Book | school-book.min.css |
| Shades Of Purple | shades-of-purple.min.css |
| Solarized Dark | solarized-dark.min.css |
| Solarized Light | solarized-light.min.css |
| Srcery | srcery.min.css |
| Sunburst | sunburst.min.css |
| Tomorrow | tomorrow.min.css |
| Tomorrow Night | tomorrow-night.min.css |
| Tomorrow Night Blue | tomorrow-night-blue.min.css |
| Tomorrow Night Bright | tomorrow-night-bright.min.css |
| Tomorrow Night Eighties | tomorrow-night-eighties.min.css |
| Vs | vs.min.css |
| Vs 2015 | vs2015.min.css |
| Xcode | xcode.min.css |
| Xt 256 | xt256.min.css |
| Zenburn | zenburn.min.css |
| Agate | agate.min.css |
| An Old Hope | an-old-hope.min.css |
| Androidstudio | androidstudio.min.css |
| Arduino Light | arduino-light.min.css |
| Arta | arta.min.css |
| Ascetic | ascetic.min.css |
| Atelier Cave Dark | atelier-cave-dark.min.css |
| Atelier Cave Light | atelier-cave-light.min.css |
| Atelier Dune Dark | atelier-dune-dark.min.css |
| Atelier Dune Light | atelier-dune-light.min.css |
| Atelier Estuary Dark | atelier-estuary-dark.min.css |
| Atelier Estuary Light | atelier-estuary-light.min.css |
| Atelier Forest Dark | atelier-forest-dark.min.css |
| Atelier Forest Light | atelier-forest-light.min.css |
| Atelier Heath Dark | atelier-heath-dark.min.css |
| Atelier Heath Light | atelier-heath-light.min.css |
| Atelier Lakeside Dark | atelier-lakeside-dark.min.css |
| Atelier Lakeside Light | atelier-lakeside-light.min.css |
| Atelier Plateau Dark | atelier-plateau-dark.min.css |
| Atelier Plateau Light | atelier-plateau-light.min.css |
| Atelier Savanna Dark | atelier-savanna-dark.min.css |
| Atelier Savanna Light | atelier-savanna-light.min.css |
| Atelier Seaside Dark | atelier-seaside-dark.min.css |
| Atelier Seaside Light | atelier-seaside-light.min.css |
| Atelier Sulphurpool Dark | atelier-sulphurpool-dark.min.css |
| Atelier Sulphurpool Light | atelier-sulphurpool-light.min.css |
| Atom One Dark | atom-one-dark.min.css |
| Atom One Dark Reasonable | atom-one-dark-reasonable.min.css |
| Atom One Light | atom-one-light.min.css |
| Brown Paper | brown-paper.min.css |
| Codepen Embed | codepen-embed.min.css |
| Color Brewer | color-brewer.min.css |
| Darcula | darcula.min.css |
| Dark | dark.min.css |
| Default | default.min.css |
| Default | default.min.css |
| Docco | docco.min.css |
| Dracula | dracula.min.css |
| Far | far.min.css |
| Foundation | foundation.min.css |
| Github | github.min.css |
| Github Gist | github-gist.min.css |
| Gml | gml.min.css |
| Googlecode | googlecode.min.css |
| Gradient Dark | gradient-dark.min.css |
| Grayscale | grayscale.min.css |
| Gruvbox Dark | gruvbox-dark.min.css |
| Gruvbox Light | gruvbox-light.min.css |
| Hopscotch | hopscotch.min.css |
| Hybrid | hybrid.min.css |
| Idea | idea.min.css |
| Ir Black | ir-black.min.css |
| Isbl Editor Dark | isbl-editor-dark.min.css |
| Isbl Editor Light | isbl-editor-light.min.css |
| Kimbie Dark | kimbie.dark.min.css |
| Kimbie Light | kimbie.light.min.css |
| Lightfair | lightfair.min.css |
| Magula | magula.min.css |
| Mono Blue | mono-blue.min.css |
| Monokai | monokai.min.css |
| Monokai Sublime | monokai-sublime.min.css |
| Night Owl | night-owl.min.css |
| Nord | nord.min.css |
| Obsidian | obsidian.min.css |
| Ocean | ocean.min.css |
| Paraiso Dark | paraiso-dark.min.css |
| Paraiso Light | paraiso-light.min.css |
| Pojoaque | pojoaque.min.css |
| Purebasic | purebasic.min.css |
| Qtcreator Dark | qtcreator_dark.min.css |
| Qtcreator Light | qtcreator_light.min.css |
| Railscasts | railscasts.min.css |
| Rainbow | rainbow.min.css |
| Routeros | routeros.min.css |
| School Book | school-book.min.css |
| Shades Of Purple | shades-of-purple.min.css |
| Solarized Dark | solarized-dark.min.css |
| Solarized Light | solarized-light.min.css |
| Srcery | srcery.min.css |
| Sunburst | sunburst.min.css |
| Tomorrow | tomorrow.min.css |
| Tomorrow Night | tomorrow-night.min.css |
| Tomorrow Night Blue | tomorrow-night-blue.min.css |
| Tomorrow Night Bright | tomorrow-night-bright.min.css |
| Tomorrow Night Eighties | tomorrow-night-eighties.min.css |
| Vs | vs.min.css |
| Vs 2015 | vs2015.min.css |
| Xcode | xcode.min.css |
| Xt 256 | xt256.min.css |
| Zenburn | zenburn.min.css |