JSFiddle - React, Tailwind, and code Playground

HTML

<p> Email : <em class="email">foo [at] example [dot] com [dot] com</em></p>

CSS

p{margin: 25px ;}

JavaScript

$('.email').each(function(i) {
    var mail = $(this).html();
    mail = mail.replace(" [at] ", "@");
    mail = mail.replace(" [dot] ", ".");
    $(this).html(mail).replaceWith("<a href=\"mailto:" + $(this).text() + "\">" + $(this).text() + "</a>");
});