enivid

When you publish a post or update an already published post, this plugin will format the post’s content to certain typographic rules:
<ol>
<li>
All hyphens between two words (surrounded by spaces) will be transformed to m-dashes with the non-breaking spaces ahead of them.
</li>
<li>
All hyphens between digits (without spaces) will be transformed to n-dashes. But it tries to preserve phone numbers.
</li>
<li>
All spaces following these words will be replaced with the non-breaking spaces:
<ul>
<li>at</li>
<li>or </li>
<li>and</li>
<li>the</li>
<li>a</li>
<li>an</li>
<li>in</li>
<li>on</li>
<li>of</li>
<li>for</li>
<li>to</li>
<li>as</li>
<li>i</li>
<li>or</li>
<li>my</li>
</ul>
</li>
<li>
Double and more spaces are replaced with the single ones.
</li>
<li>
All misplaced spaces near dots, colons, semicolons, exclamation marks and question marks are fixed, where possible.
</li>
<li>
Composed words with hyphens in them (e.g. easy-to-use) will be wrapped in <code></code> tags.
</li>
<li>
<code><pre></pre></code> tag and its contents are preserved.
</li>
</ol>
<h4>Problems:</h4>
<ol>
<li>
The plugin will not mess with the HTML tags or other mark-up tags delimited with < and >. It will mess with the Javascript code and such constructions as:
<pre><code> [code]
 bla bla bla
 [/code]
</code></pre>
Though, since version 6, the mess is minimized for [code] and [video] tags.
</li>
<li>
The n-dash thing will mess up with the phone numbers that have only one hyphen in them. They will be confused with the value ranges.
</li>
</ol>
<h3>Thanks to</h3>
<a href="https://www.artlebedev.ru/typograf/" rel="nofollow ugc">Typograf by Artemy Lebedev</a>

Post Typographer

Adds non-breaking spaces, `` tags, common spaces, tags and dashes where needed. Works with English texts only.

Yong

Create an animated typing effect with <a href="https://github.com/mattboldt/typed.js" rel="nofollow ugc">Typed.js</a> easily.
Just install and activate, Animated Typed JS Shortcode plugin and you can start using <code>[typedjs][/typedjs]</code> shortcode to create your animated typing text.
No settings needed just plug and play.
<h4>How to use the shortcode?</h4>
You can use the shortcode just like this:
<code>[typedjs]My animated typing text[/typedjs]</code>
To show more than 1 string/text, separate the strings with a <code>double colons (::)</code> like this:
<code>[typedjs]My animated typing text::It's freaking awesome![/typedjs]</code>
If you want to customize your animated text behaviour, you can use shortcode attributes to do that like this:
<code>[typedjs loop=true]My animated typing text::It's freaking awesome!::It's now looping, OMG![/typedjs]</code>
Here are the list of all available attributes that you can use:
<ul>
<li><code>typespeed</code> : The text typing speed in milliseconds (default: 50)</li>
<li><code>startdelay</code> : Delay time before typing start in milliseconds (default: 500)</li>
<li><code>backspeed</code> : Backspacing speed in milliseconds (default: 50)</li>
<li><code>backdelay</code> : Time before backspacing in milliseconds (default: 500)</li>
<li><code>smartbackspace</code> : Only backspace what doesn’t match the previous string (default: true)</li>
<li><code>shuffle</code> : Shuffle the strings (default: false)</li>
<li><code>fadeout</code> : Fade out instead of backspace (default: false)</li>
<li><code>fadeoutdelay</code> : Time before fade out in milliseconds (default: 500)</li>
<li><code>loop</code> : Loop strings animation (default: false)</li>
<li><code>loopcount</code> : Amount of loops if enabled (default: Infinity)</li>
<li><code>showcursor</code> : Show/hide cursor (default: true)</li>
<li><code>cursorchar</code> : Character to be used as cursor (default: |)</li>
<li><code>class</code>: Custom class for the shortcode element (default: ”)</li>
</ul>
<h4>Optimize Javascript loading</h4>
The <code>typed.min.js</code> is only 12KB, in the previous version I tried to load the script only when the shortcode is used, but it’s not working properly because the script is loaded asynchronously. So, I decided to load the script in the footer of the page to make sure it’s loaded properly.
However, if you want to load the script only on specific pages, you can use this hook to enqueue the script only on specific pages:
<pre><code>`php
</code></pre>
add_action(‘wp_enqueue_scripts’, ‘my_custom_typedjs_script’); 
function my_custom_typedjs_script() { 
 if ( ! is_page( ‘my-page-slug’ ) ) { 
 wp_dequeue_script( ‘typedjsshortcode’ ); 
 } 
} 
 `
This will dequeue the script on all pages except the page with the slug <code>my-page-slug</code>.
<h4>CREDITS</h4>
Thanks to <a href="https://mattboldt.com/" rel="nofollow ugc">Matt Boldt</a> for creating this cool library <a href="https://github.com/mattboldt/typed.js" rel="nofollow ugc">Typed.js</a>!

Animated Typed JS Shortcode

This plugin add shortcode to create an animated typing effect with Typed JS. No settings needed, just plug and play.

Post Typographer vs Animated Typed JS Shortcode