I am using the tinyMCE in wordpress and I would like to alter the numbered list html so that when the editors create the lists using the button in between each li, a span is also added.
Current
<ol>
<li>this</li>
<li>is</li>
<li>current</li>
</ol>
Required
<ol>
<li><span class="test">this</span></li>
<li><span class="test">is </span></li>
<li><span class="test">what i want </span></li>
</ol>
my preference is to make the span the default when clicking on numlist button, but if it is easy to make a custom button to achieve this that advice would be very welcome too.
Many thanks in advance.