FAIR

Federated and Independent Repositories

Terminal Block

Plugin Banner

Terminal Block

by Suzen Fylke

Download
Description

Add a rich text terminal window to WordPress posts with Terminal Block.

Terminal Block supports the following display and animation styles:
* Command: displays a prompt with user input and a cursor, uses typing animations
* Output: displays output text, does not use typing animations
* Progress: displays an animated progress bar

This block’s style and animation are adapted from termynal.js version 0.0.1 by Ines Montani, licensed under MIT license.

The plugin icon is terminal icons created by Bharat Icons – Flaticon.

  1. Upload the plugin files to the /wp-content/plugins/terminal-block directory, or install the plugin directly through the WordPress plugins page.
  2. Activate the plugin through the ‘Plugins’ page in WordPress.
  3. Search for the block within the Gutenberg block editor.
  1. By default, each command line is prefixed with "$".

    By default, each command line is prefixed with "$".

  2. Terminal Block also supports custom prompts, such as ">>>".

    Terminal Block also supports custom prompts, such as ">>>".

  3. You can change the terminal's title and colors in the block setting sidebar.

    You can change the terminal's title and colors in the block setting sidebar.

  4. You can change the prompt used for a command in the block settings sidebar.

    You can change the prompt used for a command in the block settings sidebar.

How do I use custom prompts?

  1. Select the commmand block you would like to have a custom prompt.
  2. Select “Block” in the settings sidebar.
  3. Change the prompt from “$” to your custom prompt in the “Prompt Settings” section.

Does this block use similar typing animations to termynal.js?

Yes, typing animations are supported as of version 0.1.1.

0.1.3

  • Test up to WordPress 6.1
  • Set up linting and CI workflows

0.1.2

  • Fix theme style bleeding into editor view
  • Add support for user defined accent color for prompt and title

0.1.1

  • Use inner blocks for terminal inputs, outputs, and progress bars
  • Add animation
  • Add Fira Mono font

0.1.0

  • Initial release
Back to top