Syntax Highlighter

Filters ::: filter_syntaxhighlighter
Maintained by Mark Sharp
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.
Latest release:
792 sites
377 downloads
34 fans
Current versions available: 4

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</code></pre>

(You will need to activate html mode in Atto), or wrap your code in triple backticks (like MarkDown) ``` and the javascript will style it. 

The settings allows you to choose which style to use.

Install

  1. Unzip
  2. Copy contents to /filter/syntaxhighlighter
  3. Activate from Manage filters.

Change requests

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.

Before you ask...

Can I specify which language I'm using?

You don't need to, the plugin detects that itself. However, you can choose the language by adding it after the backticks. e.g.

```lang:php;;
echo "My PHP code";
```

Or, by adding it to the <code> class attribute:

<pre><code class="lang-php">echo "My PHP code";</code></pre>
Can I have line numbering?

No. This isn't a feature of the javascript plugin. And probably isn't going to be implemented.

Can I use some other highlighting plugin?

I might implement the option of using various hightlighting plugins in the future - such as GeSHi. But this suits my needs for now. You're welcome to do a pull request with any adaptions you would like to add.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2

Contributors

Mark Sharp (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Comentarios

  • Mark Sharp
    mié, 25 oct 2017, 9:21 PM
    Can you show me an example? Perhaps, if you're using the ``` style of embedding, you don't need the <pre><code></code></pre>. You'll be able to add a screen shot of your text editor and output code at the Bug Tracker link above.
  • Jan Derriks
    dom, 16 feb 2020, 3:07 AM
    Is this plugin obsolete? The highlight version hljs.js is old and the plugin will not install on moodle 3.6 from this plugin site.
  • Mark Sharp
    jue, 20 feb 2020, 4:53 PM
    Hi Jan, it isn't, though it does need updating, and it's on my loooong todo list. It does work on M3.6 because that's what we're currently using. I've changed the settings to you should be able to download it from the site.
    thanks
    Mark
  • Piotr Cieślak
    mié, 8 abr 2020, 9:21 PM
    I can change a style of Syntax Highlighter in plugin's settings only globally. Is there any way to use different styles in different context ex. courses?
  • Mark Sharp
    mié, 8 abr 2020, 10:04 PM
    Hi Piotr,
    unfortunately there isn't. If you think there's a way to do it, and can contribute some code, that would be fab. Feel free to head over to the github page. Thanks.
  • Jean-Pierre Mouret
    vie, 1 may 2020, 12:24 AM
    What's about M3.7?
  • Jean-Pierre Mouret
    vie, 1 may 2020, 12:36 AM
    Forget it
    I took the zip and it seems to work on 3.7.5
  • Mark Sharp
    vie, 1 may 2020, 6:58 PM
    Hi Jean-Pierre, I tend to only confirm it works for versions of Moodle I have personally tried, but between versions shouldn't massively change, so it should work. Thanks for the confirmation, I'll update the plugin info to say it works on 3.7.
    Mark
  • Jörg Tuttas
    mar, 16 jun 2020, 3:16 PM
    Unfortunatly we use Moodle 3.8. When will this great Plugin available for Moodle 3.8?
  • Gilles Carpentier
    jue, 27 ago 2020, 8:27 PM
    I succesfully test it on Moodle 3.9.1 using the tripple backticks.
  • Florian Leupold
    mié, 9 dic 2020, 10:14 PM
    I would like to display code including html tags. Could this plugin be made to replace the "<" and ">" signs? Or is there maybe another trick to accomplish this?
  • Clemens Risse
    vie, 22 ene 2021, 9:24 PM
    I tested it on 3.10.0, it works fine with the triple backticks.
  • Martin Lopez
    vie, 14 may 2021, 5:30 AM
    Hi Mark is there any possibility to force an specific syntax? Im posting wxmaxima code and sometimes renders fine others dont. Thanks!
  • Mark Sharp
    vie, 14 may 2021, 3:26 PM
    Hi Martin, yes you can force the language by using the following syntax:
    ```lang:php;;
    echo "Hello world!";
    ```
    At the moment I've not included maxima, but there might be something that's similar.
    The list of languages and help on the syntax is in the readme file which you can also read on the github page: https://github.com/sharpchi/moodle-filter_syntaxhighlighter/blob/master/README.md
  • Martin Lopez
    sáb, 15 may 2021, 12:00 AM
    Thanks a lot Mark! My bad not to explore READMEmd in github ;)
Please login to post comments