Suzen Fylke

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 <a href="https://github.com/ines/termynal" rel="nofollow ugc">termynal.js</a> version 0.0.1 by <a href="ines.io" rel="nofollow ugc">Ines Montani</a>, licensed under MIT license.
The plugin icon is <a href="https://www.flaticon.com/free-icons/terminal" rel="nofollow ugc">terminal icons</a> created by Bharat Icons – Flaticon.

Terminal Block

rsprta

Blog Terminal generates a terminal-like box that you can use to demonstrate terminal output or show the entry of terminal/console commands in a manner that is more demonstrative of actually using a Linux/Unix terminal or Windows cmd shell.
The code is a fork of Post Terminal, which is a fork of WP-Terminal which in turn is a modification of WP-Syntax, a source code highlighter plugin for WordPress.
Unlike Post terminal, it uses <code>[terminal]</code> shorthand for the terminal box. It also shows prompt only on lines explitly set to do that.
<h4>Basic Usage</h4>
The most basic usage is to wrap your terminal blocks with <code>[terminal][/terminal]</code> tags. If no further options are defined within the tag a generic prompt is generated using ‘user@computer’ with no working directory shown. This is similar to exporting PS1=”\u@\h:$ ” in sh(1), setting prompt=”%n@%m:$ ” in csh(1), etc. 
Other options available within the tag are user=”user”, computer=”computer”, and cwd=”/path/to/directory”. These allow you to override the generic user@computer settings as well as provide a ‘current working directory’. 
The prompt is only shown on the lines starting with ‘$ ‘. So you can mix commands with simulated terminal output.
<h3>Usage</h3>
Wrap terminal blocks with <code>[terminal user="username" computer="computername" cwd="/path/to/directory"]</code> and <code>[\terminal]</code>. They are all optional. “user” and “computer” will be shown if you don’t provide them, cwd is purely optional.
Example 1: No customized command
<pre><code>[terminal]
$ ls -a
[/terminal]
</code></pre>
Example 2: User and computer customizations
<pre><code>[terminal user="tux" computer="linux"]
$ ls -a
[/terminal]
</code></pre>
Example 3: Customizing just the user
<pre><code>[terminal user="dak"]
$ ls -a
[/terminal]
</code></pre>
Example 4: Customizing user, computer and displaying a working directory
<pre><code>[terminal user="root" computer="linuxserver" cwd="/usr/src/linux"]
$ make mrproper
 ...
 ... 
[/terminal]
</code></pre>

Blog Terminal

Blog Terminal provides a terminal-like box for embedding terminal commands within pages or posts.

Terminal Block vs Blog Terminal