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

msimone

WP-Terminal generates a terminal-like box around your terminal commands.
The code is a modification of WP-Syntax, a source code highlighter plugin for WordPress (https://wordpress.org/extend/plugins/wp-syntax/screenshots/).
<h4>Basic Usage</h4>
Wrap terminal blocks with <code><pre id="terminal" user="username" computer="computername"></code> and <code></pre></code>, being user and computer optional (“user” and “computer” will be shown if you don’t provide them). <a href="https://wordpress.org/extend/plugins/wp-terminal/other_notes/" rel="ugc">More usage 
examples</a>
<h3>Usage</h3>
Wrap terminal blocks with <code><pre id="terminal" user="username" computer="computername"></code> and <code></pre></code>, being user and computer optional (“user” and “computer” will be shown if you don’t provide them).
Example 1: No customized command
<pre><code><pre id="terminal">
 ls -a
</pre>
</code></pre>
Example 2: User and computer customizations
<pre><code><pre id="terminal" user="mariano" computer="eugene">
 ls -a
</pre>
</code></pre>
Example 3: Customizing just the user
<pre><code><pre id="terminal" user="mariano">
 ls -a
</pre>
</code></pre>
Example 4: Customizing just the computer
<pre><code><pre id="terminal" computer="eugene">
 ls -a
</pre>
</code></pre>
Example 5: Multiline commands
<pre><code><pre id="terminal">
 ls
 . ..
 
 ls -a
 . .. .hiden_file
</pre><h3>TODO</h3>1. Allow to specify working dir
</code></pre>
2. Allow to customize prompt

WP-Terminal

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

Terminal Block vs WP-Terminal