How to use Syntax Highlighting GitBook

Question

I'm new to GitBook and I am trying to make the syntax highlight work as expected for some JavaScript lines of code.

some javascript lines without colour

I noticed that there is a plugin store in the editor. I enabled a plugin called highlight but it's not doing it's job.

I searched in the documentation for this, but I couldn't find anything related.

This book has the syntax highlighting enabled and working:
https://gitbookio.gitbooks.io/javascript/content/basics/comments.html

book.json

{
    "plugins": [
        "highlight"
    ],
    "pluginsConfig": {}
}

How can I do the same?

swen · Accepted Answer · 2017-02-12 08:28:32Z

3

If you are writing GitBook pages in Markdown, you can highlight your code like below:

```javascript
var foo = function(num) {
    return num + num;
}
```

Where 'javascript' can be replaced with other languages, such as 'python', 'java', 'c' etc.

answered Feb 12, 2017 at 8:28

swen

3411 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jose Serodio · Accepted Answer · 2016-06-26 01:53:21Z

2

I did my research and I found out how to do this.

I tried another plugin called Ace. This plugin worked, here is my book.json

{
    "plugins": ["ace"],
    "pluginsConfig": {
    }
}

And I needed to nest the block of code with a basic syntax for JavaScript.

Input.

## The Arrow function
Now this should be syntax highlighted
In ES5

{%ace edit=false, lang='javascript', check=false, theme="tomorrow" %}
var myFunction = function(num) {  
    return num + num;
};
{%endace%}

In ES6

{%ace edit=false, lang='javascript', check=false, theme="tomorrow" %}
let myFunction = (num) => num + num;
{%endace%}

Output.

This is working just fine!

answered Jun 26, 2016 at 1:53

Jose Serodio

1,4593 gold badges18 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to use Syntax Highlighting GitBook

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related