simpleWordWrapper by Alexander Sharkov back to source

javascript code

<script> $(document).ready(function () { $('.example1').simpleWordWrapper() }); </script>

HTML code

<p class="example1">test test2 test3 test4 test5 test6</p>

HTML Result, after the script have worked

<p class="example1"> <span class="simpleWordWrapper simpleWordWrapper-1">test test2 test3 </span> <span class="simpleWordWrapper simpleWordWrapper-2">test4 test5 test6</span> </p>

Example with script and without it.

For clarity I displayed .simpleWordWrapper like a block

Without script

test test2 test3 test4 test5 test6

With script

test test2 test3 test4 test5 test6

javascript code

<script> $(document).ready(function () { $('.example1').simpleWordWrapper({ eachWord: true }) }); </script>

HTML code

<p class="example2">test test2 test3 test4 test5 test6</p>

HTML Result, after the script have worked

<p class="example2"> <span class="simpleWordWrapper simpleWordWrapper-1">test </span> <span class="simpleWordWrapper simpleWordWrapper-2">test2 </span> <span class="simpleWordWrapper simpleWordWrapper-3">test3 </span> <span class="simpleWordWrapper simpleWordWrapper-4">test4 </span> <span class="simpleWordWrapper simpleWordWrapper-5">test5 </span> <span class="simpleWordWrapper simpleWordWrapper-6">test6</span> </p>

Example with script and without it.

For clarity I displayed .simpleWordWrapper like a block

test test2 test3 test4 test5 test6

test test2 test3 test4 test5 test6