JSFiddle - React, Tailwind, and code Playground

by anurag

JavaScript

var html = '[My Title|<a class="external" href="http://example.com">http://example.com</a>]';
var dummyDiv = document.createElement('div');
dummyDiv.innerHTML = html;

var parts = dummyDiv.innerText.slice(1, -1).split('|');
var link = makeLink(parts[0], parts[1]);
document.body.appendChild(link);

// create an <a> element with the given text and url.
function makeLink(text, url) {
    var link = document.createElement('a');
    link.appendChild(document.createTextNode(text));
    link.href = url;
    
    return link;
}