Skip to content

Gutenberg Block to display code, with highlighted syntax, which can be copied to the clipboard.

License

Notifications You must be signed in to change notification settings

garciaalvaro/melonpan-block-code

Repository files navigation

Banner Image

Melonpan Block - Code

Demo - Documentation - WordPress


Block to display code, with highlighted syntax, which can be copied to the clipboard.


Features

The block comes with the following settings:

  • Code language: JavaScript, CSS, PHP, etc. Full list of languages.
  • Color theme
  • Label: Top left label that can be customized. By default the code language.
  • Copy button: Top right button to copy the block content.
  • Padding
  • Border width and Border radius

Block settings panel