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
We're hiring full-stack TypeScript/React and PHP plugin developers to help grow theBlock ProtocolWordPress ecosystem.Learn more