The current version of the Þ spec is about to be deprecated. Learn more about v0.3, arriving 28th February 2023.Learn more


Write monospaced code with syntax highlighting in a range of programming and markup languages

By @hashV0.2.0
  • ValidationError: instance requires property "content"
  • ValidationError: instance requires property "language"

The Code block uses a custom code editing component to support syntax highlighting for 15 programming languages (listed below).

An optional caption can be added below the code snippet and a Copy button copies the whole code snippet to the clipboard.

The block stores its state locally in content (the code snippet), language, and caption properties.

Whenever the code editing textarea is blurred, or the caption input is blurred, or the language selection is changed, the Graph Service's updateEntity method is called to save the local data to the embedding application.

Supported programming languages
  • C#
  • CSS
  • Dart
  • Erlang
  • Go
  • Haml
  • Java
  • JavaScript
  • JSON
  • React JSX
  • Markup
  • Python
  • Ruby
  • Rust
  • TypeScript

Ready to build your own blocks?

Anyone can contribute

Anyone can create blocks and contribute to this growing, open-source registry of blocks. Read our quickstart guide to start building your own blocks.

Read the quickstart guide