JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<div class="clickable">
  Cum a Romanis copiis vincĭtur măr, Gallia terra fera est. Regionis incŏlae terram non colunt, autem sagittis feras necant et postea eas vorant. Etiam a_femĭnis vita agrestis agĭtur, miseras vestes induunt et cum familiā in parvis casis vivunt. Vita secūra
  nimiaeque divitiae a Gallis contemnuntur. Gallorum civitates acrĭter pugnant et ab inimicis copiis timentur. Galli densis silvis defenduntur, tamen Roma feram Galliam capit.
</div>

JavaScript

$(document).ready(function() {
  alert("ciao");
  var words = jQuery('div.clickable');
  words.html(function(index, oldHtml) {
    var myText = oldHtml.replace(/(.+?)([\s\,\.\!\?\;\:\)\(\[\]]+)/g, '<span class="word">$1</span>$2')

    return myText;
  }).click(function(event) {
    if (!$(event.target).hasClass("word")) return;
    alert($(event.target).text());
  });
});