This is a filter plugin that uses a 3rd party Javascript module called highlight.js to make your code look like something you'd see in an IDE.
Once activated, you just need to wrap your code in: <pre><code></code></pre> tags (You will need to activate html mode in Atto), or use the MarkDown style of using three back-ticks to wrap code (```Code```) and the javascript will style it.
The settings allows you to choose which style to use.
Syntaxhighlighter will automatically detect which language you are using, but if you wish to specify a language, you can do so like this:
```lang:php;;
echo "Hello world!";
```
Alternatively, you can specify the language in a <code> tag: <pre><code class="language-php">echo "Hello world";</code></pre>
apache, arduino, bash, coffeescript, cpp, cs, css, delphi, diff, django, dockerfile, dsconfig, erb, fortran, gauss, gherkin, go, haml, handlebars, haskell, http, ini, java, javascript, json, kotlin, less, lisp, livescript, lua, makefile, markdown, mathematica, matlab, nginx, objectivec, perl, php, plaintext, powershell, prolog, properties, puppet, python, qml, r, ruby, rust, scala, scss, shell, swift, sql, tcl, twig, typescript, vala, vbnet, vbscript, vbscript-html, xml, x86asm, yaml
If you want more control over the presentation of <pre><code></code></pre> contexts, change the filter's settings at the site level to 'Off, but available'. You can then switch it on in the contexts you wish.
Alternatively, by adding the class 'nohighlight' to the code tag, highlighting is stopped. i.e.
<pre><code class="nohighlight">My code</code></pre>
- Unzip
- Copy contents to
/filter/syntaxhighlighter - Activate from Manage filters.
Since this is a 3rd party plugin, any change requests that relate to the the styles and features of the highlighting should be directed to the plugin author.
Thanks to the following contributors for improving this project: