Span adder

Adds customizable span tags around every letter in a text selection.

How to use

First, select a text. For example let's take that HTML markup:

<p>Grey</p>

When we select the string inside the tags and we use the keyboard combination CTRL+ALT+M the output would be:

<p><span>G</span><span>r</span><span>e</span><span>y</span></p>

Features

Custom class

Usage: <string>_<customClass>

<p>Grey_delay</p>

would output

<p><span class='delay'>G</span><span class='delay'>r</span><span class='delay'>e</span><span class='delay'>y</span></p>

which adds a custom class to the span element.

Increment after the class and increment start

Usage: <string>_<class>_<increment bool (0 or 1, 0 is default)>_<increment start (any number, 0 is default)>

<p>Grey_delay_1_5</p>

would output

<span class='delay-5'>G</span><span class='delay-6'>r</span><span class='delay-7'>e</span><span class='delay-8'>y</span>

Note - it ignores whitespaces.

Enjoy!