Uso remark2react para transformar markdown en html, lo que me gustaría es poder separar cada frase por span y poder añadirle un id o clase a cada uno de eso span, por ejemplo, el numero de span que es.
Del siguiente markdown:
"**Lorem ipsum dolor sit amet, *consectetur adipiscing* elit.** Nullam auctor mauris nunc, nec condimentum purus aliquam et. Dr.Alba tiene una reunión. **Fusce at** bibendum dolor. Duis sit amet ante ut quam malesuada porta in id sem. Aliquam sit amet tellus ex. Quisque ac ultricies dui, vitae gravida ipsum. Morbi nec elit dictum, congue ipsum vitae, fringilla risus. *Sed nec enim ultrices*, tempus ipsum id, tempus mi. **In pretium massa a rutrum pellentesque**. Vivamus vel semper sem. Cras ac vehicula lectus, vel commodo ante. Quisque pretium eu nisl in pulvinar. "
Me genera el siguiente código html:
<p><strong>Lorem ipsum dolor sit amet, <em>consectetur adipiscing</em> elit.</strong> Nullam auctor mauris nunc, nec condimentum purus aliquam et. Dr.Alba tiene una reunión. <strong>Fusce at</strong> bibendum dolor. Duis sit amet ante ut quam malesuada porta in id sem. Aliquam sit amet tellus ex. Quisque ac ultricies dui, vitae gravida ipsum. Morbi nec elit dictum, congue ipsum vitae, fringilla risus. <em>Sed nec enim ultrices</em>, tempus ipsum id, tempus mi. <strong>In pretium massa a rutrum pellentesque</strong>. Vivamus vel semper sem. Cras ac vehicula lectus, vel commodo ante. Quisque pretium eu nisl in pulvinar. </p>
Pd: Hacer un split separandolo con un punto no serviría ya que hay frases que contienen un . como "Dr.Alba", por frase me refiero a frases separadas por un punto.
Edit:
Output esperado:
<p>
<span id="span-1"><strong>Lorem ipsum dolor sit amet, <em>consectetur adipiscing</em> elit.</strong></span>
<span id="span-2">Nullam auctor mauris nunc, nec condimentum purus aliquam et.</span>
<span id="span-3">Dr.Alba tiene una reunión.</span>
<span id="span-4"><strong>Fusce at</strong> bibendum dolor.</span>
<span id="span-5">Duis sit amet ante ut quam malesuada porta in id sem.</span>
<span id="span-6">Aliquam sit amet tellus ex.</span>
<span id="span-7">Quisque ac ultricies dui, vitae gravida ipsum.</span>
<span id="span-8">Morbi nec elit dictum, congue ipsum vitae, fringilla risus.</span>
<span id="span-9"><em>Sed nec enim ultrices</em>, tempus ipsum id, tempus mi.</span>
<span id="span-10"><strong>In pretium massa a rutrum pellentesque</strong>.</span>
<span id="span-11">Vivamus vel semper sem.</span>
<span id="span-12">Cras ac vehicula lectus, vel commodo ante.</span>
<span id="span-13">Quisque pretium eu nisl in pulvinar.</span>
</p>