/ia-writer-template-helvetica-plus

The original Helvetica template by iA with extended code highlighting and mermaid.js support.

Primary LanguageJavaScriptMIT LicenseMIT

Helvetica Plus

Helvetica is based on the original Helvetica template by iA. The original template is barely touched; it only extends its functionality by code highlighting using highlight.js and includes mermaid diagrams using mermaid.js.

Install

  1. Download the source code from the release page.
  2. Extract the archive.
  3. Follow the install instructions.

Usage

Code highlighting

highlight.js tries to detect the language automaticly. If automatic detection does not work for you, you can specify the language yourself:

```python
def greet():
    print('Hello World!')
```

You can diasable code highlight using the nohighlight specifier:

```nohighlight
This text will not be highlighted.
```

Mermaid diagrams

Mermaid diagrams can be created by using a <mermaid-js></mermaid-js>-element:

<mermaid-js>
    graph TD;
        A-->B;
        A-->C;
        B-->D;
        C-->D;
</mermaid-js>

It also can be styled like any other html element:

<mermaid-js style="text-align: right;">
    graph TD;
        A-->B;
        A-->C;
        B-->D;
        C-->D;
</mermaid-js>

Performance

Using this template can reduce the performance of iA Writer.