JSFiddle - React, Tailwind, and code Playground

by Marcus Ekwall

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mattis, dolor aliquet laoreet <a href="#">scelerisque</a>, dolor nisi tristique arcu, id lobortis eros erat fringilla justo. Integer venenatis suscipit leo, ac fermentum <strong>lectus</strong> rutrum ultrices. Nam id purus urna. Etiam non velit ac mi <a href="#">mollis</a> fermentum vitae id ante. In hac habitasse platea dictumst. Phasellus vel arcu at purus tempus posuere. Quisque id dolor quam, sit amet eleifend massa. Fusce consectetur hendrerit magna at imperdiet. Mauris eget <strong>mauris</strong> dui, sollicitudin <i>egestas</i> lorem. Fusce vitae orci orci, quis tincidunt arcu. Fusce augue lacus, eleifend vitae lobortis sit amet, aliquet id odio. Sed elementum odio et libero sagittis ac tincidunt mauris viverra. Morbi molestie elementum purus, dapibus iaculis sapien gravida ullamcorper. Integer at iaculis felis. Praesent nulla urna, posuere vel imperdiet et, aliquet vel mi.</div>

CSS

strong { font-weight: bold; }

JavaScript

$("div").children().andSelf().contents().each(function(){
    if (this.nodeType == 3) {
        var $this = $(this);
        $this.replaceWith($this.text().replace(/(\w)/g, "<span>$&</span>"));
    }
});