JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<textarea id="id_description"></textarea>
<button id="btnHyperlink">Link!</button>

JavaScript

$('#btnHyperlink').click(function() {
    var href = prompt("Insert url");
    if(href != "" && href != null)
    {
        HyperLink("id_description", href);
    }
});

function HyperLink(elementID, url) {
    var textArea = $('#' + elementID);
    var len = textArea.val().length;
    var start = textArea[0].selectionStart;
    var end = textArea[0].selectionEnd;
    var selectedText = textArea.val().substring(start, end);
    var replacement = $('<div/>').append(
        $('<a/>').attr('href', url).html(selectedText)
    ).text();
    textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
}