Scrivito Highlight Code

A code hightlighting React component/Scrivito widget for the Scrivito CMS.

Screenshot

Installation

Open your terminal.

$ cd to your Scrivito project

$ npm install scrivito-highlight-code

Import the widget in your javascript src/Widgets/index.js.

Add this line to your index.js:

import "scrivito-highlight-code";

Also add the styling of the widget to your app. This can be done by either loading it via css-loader (e.g. in index.js or Widgets/index.js):

import "scrivito-eyecatcher/index.css";

Or by including the styling to your style sheets (e.g. in index.scss):

@import "~scrivito-highlight-code/index.css";

Features

Code syntax hightlighting for more than 180 programming languages.

Widget properties

In the widget properties you can set:

• Code
• Which language is in use