Open primary navigation
Origami Frontend Components & Services

Demos: o-syntax-highlight

HTML

Syntax highlight theme for HTML

Open demo in a new tab

JavaScript

Syntax highlight theme for JavaScript

Open demo in a new tab

CSS

Syntax highlight theme for CSS

Open demo in a new tab

Inline Code

Syntax highlight theme for inline <code> tags

Open demo in a new tab

JSON

Syntax highlight theme for JSON

Open demo in a new tab

YAML

Syntax highlight theme for YAML

Open demo in a new tab

SCSS

Syntax highlight theme for SCSS

Open demo in a new tab

Diff

Syntax highlight theme for diff

Open demo in a new tab

Bash

Syntax highlight theme for bash

Open demo in a new tab
Status
active
Switch component view

GitHub: o-syntax-highlight@4.2.4

Install o-syntax-highlight

If using the Build Service, add o-syntax-highlight@^4.2.4 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-syntax-highlight@^4.2.4".

Help & Support

o-syntax-highlight is maintained directly by the Origami team. If you have any questions about o-syntax-highlight or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com