JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<p id="test-1">a) Lorem ipsum dolor</p>
<p id="test-2">Lorem ipsum dolor @gabromanato</p>

JavaScript

function replaceGroups(element) {
    var str = element.innerHTML;
    element.innerHTML = str.replace(/([a-z]\))/g, '<strong>$1</strong>');
}

function replaceGroupsCallback(element) {
    var str = element.innerHTML;
    element.innerHTML = str.replace(/@(\w+)$/g, function($1) {


        return '<a href="http://twitter.com/' + $1.replace('@', '') + '">' + $1 + '</a>';

    });

}

replaceGroups(document.getElementById('test-1'));
replaceGroupsCallback(document.getElementById('test-2'));